Custom CSS for blockquote citation

Hi, I’m customizing Woodmart in our staging site. I’ve added custom CSS to make the blockquotes look nicer, but I’d like to customize the citation as well. What code do I need to do that? Thanks!

Hello,

Thank you very much for choosing our theme and for contacting us.

Please provide the page URL with the blockquote, and the code you are trying to apply. Most likely you have chosen the wnong slector.

Best Regards

Here is the code I used to customize the blockquote:

blockquote {
max-width: absolute;
text-align: left;
margin-bottom: 25px;
padding-left: 20px;
font-family: Lora;
font-size: 25px;
font-weight: 600;
}

At first, it appeared that the citation styling was unaffected. Now, it seems the citation has taken on the new styling of the blockquote. Can I apply a separate styling to the citation? (Website and login info below)

Hello,

I am checking your site and your styles have been applied. https://gyazo.com/168d42ee1d9c0b19a89a6f114fe99ac0

Please provide a screen of what you are trying to customize.

Best Regards

I’d like to add a separate custom styling to the citation portion (see attached screenshot).

Attachments:

You must be logged in to view attached files.

Hello,

Here is the styles for this part:

blockquote cite {
    display: block;
    margin-top: 10px;
    color: var(--wd-primary-color);
    font-weight: 600;
    font-size: 90%;
}

Please change as per your needs and add the styles to the Theme settings > Custom CSS.

Best Regards

[Author]

Posts