Change the font family for blockquote shortcode globally

[jonacello]

Hello, I would like to set a specific font for blockquote text (different fonts for the ‘quote’ and the ‘credit’). Could you tell me how to best accomplish this please? Thanks!

[Prasant]

Hello @jonacello,

Thanks for asking.

You can add following CSS under X > Theme Options > CSS to change font family for blockquote:

/* will change font family for quote */
.x-blockquote {
    font-family: 'Roboto', sans-serif;
}

/* will change font family for credit */

.x-cite {
   font-family: 'Open Sans', sans-serif;

}

Thanks.

[jonacello]

Thank you for the quick response! I’m still having trouble with it. I put this in:

.x-blockquote {
font-family: ‘Cookie’, cursive;
}
.x-cite {
font-family: ‘Raleway’, sans-serif;

}

…but after saving and refreshing, I don’t see the cookie font coming up. I do think that something changed (away from the default), however.

[Prasant]

Hello @jonacello,

Thanks for asking.

Can you please share exact page URL for us to take a closer look?

Thanks.

[nico]

Hi @jonacello,

I could see that you are using the wrong class.

The class to be used on that division should be .e9-34 .x-quote-text and x-quote-cite. Use this code instead,

.e9-34 .x-quote-text {
font-family: 'Cookie', cursive;
}
.e9-34 .x-quote-cite {
font-family: 'Raleway', sans-serif;
}

Let us know how it goes.

Thanks.

[jonacello]

Thanks! That worked great. I also figured out how to change the font size as well:

.e9-34 .x-quote-text { font-family: 'Cookie', cursive; font-size: xx-large; } .e9-34 .x-quote-cite { font-family: 'Raleway', sans-serif; font-size: medium; }

[jade]

You’re welcome and glade to hear you got it sorted.

Cheers!