Change font color in all quotes

Hello, we have several options for quotes, namely: short codes for quoting, which include block quote and pull quote and block quoting from the visual editor.

I would like all quotes to be in a purple font. Is it possible to add some code to do this, or, must I enter it manually each time I quote? If the latter, I know how to do that. I am hoping that I can make a sweeping change so that I don’t have to do it every time.

Hey @Jesamine,

Please give us the URL of the page with quotes so we could see the specific selector. It would also be best to give us a screenshot of the quote you’re referring to.

Thanks.

Hi there, here is a url with the quote samples:

Here’s a blockquote using your designated shortcode on the Ethos Demo page. I manually enter this code in order to get the color and size:

[pullquote cite=“Joseph Campbell, Hero with a Thousand Faces” type=“right” style=“font-weight: normal;font-size: 17px; color:purple;”]

Here’s a pullquote from that same shortcode page:

I do not have a sample page with a regular quote using the visual editor.

If possible, I would like all quotes to format with purple font.

Hi There,

Please try adding this custom CSS under X > Theme Options > CSS:

blockquote.x-blockquote {
    color: purple;
}

Hope it helps :slight_smile:

I’m doing the “happy dance” over here. It’s the little things like this that make everything look so nice. Thanks again!! :grinning:

You’re most welcome.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.