Docs

[Matthew M]

This may be a silly question but I am still a beginner…. Is there a simple way to adjust the font face, size, and color for the block quotes?

[Kory]

Hey Matthew,

Not a silly question at all! There aren’t any options to adjust per se, but you can do so with a little CSS. You can target all blockquotes with the following classes (you can place this in the Custom section of the Customizer or the style.css file of your child theme if you’re using one):

.x-blockquote {
  font-family: Helvetica;
  font-size: 24px;
  color: #000;
}

.x-blockquote .x-cite {
  font-family: Helvetica;
  font-size: 16px;
  color: #aaa;
}

Thanks!

[Matthew M]

Thank you so much. I am very glad I purchased this theme. I have bought so many others on themeforest and this one BY FAR is the most organized and helpful. You guys are doing great!

[Rubin]

Hey Matthew,

thank you so much for the kind words. This really means a lot to us! If you need anything else let me know!

[Fernando C]

Yeah, X rocks!

[Christian]

You’re welcome Fernando.

[Kris B]

My site has all fonts set through the Customizer to be either a variation on the Google Open Sans or Open Sans Condensed families. But using the “What Font” app, I see the blockquote font is Lato.

1.) Would it make sense for me to copy the X stylesheet to my child theme and edit it to change the blockquote font to something I already use so there’s one less thing to load? Or does it just make sense to do this in the custom CSS area as you mention above?

2.) If it makes sense to copy X’s style sheet to my child theme, how should I go about that?

ONE MORE QUESTION ON FONTS, since we’re on the subject:

3.) If I use the same font family variations on all Revolution Slider captions and text as what I’ve selected in the X Customizer, DO I NEED to select “Load Google Fonts” in the slider options? Or will that already be coded into the header of my pages and therefore I should select “no”?

Thank you for the help.

[Rad]

Hi Kris,

1. You could just use this css at your child theme’s style.css

.x-blockquote {
font-family : "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif!important; 
}

Just replace “Lato”, “Helvetica Neue”, Helvetica, Arial, sans-serif with your font.

2. Copying style sheet file to a child theme will not work, but if you will add custom coding then it will. The easy way is just using child theme’s style.css, just copy all css code you wish to override from style sheet files into your child theme’s style.css.

3. If your custom fonts were loaded site wide (eg. child theme’s style.css), then there is no need to turn it on. As long as you use the same css class name on your slide or layers.

Hope this helps.

[Kris B]

Thank you very much!

On #3, I will assume when you write to use the same CSS class name on the slide and layers, you’re talking about how the font is written? i.e.; if the sitewide Customizer font selected is “Open Sans Condensed-bold” for headlines and “Open Sans” for paragraphs, then make sure in the slides all captions are also styled in either of those open sans fonts?

But if that’s correct, it leads to another question that maybe I should just Google instead of bothering you, so don’t answer if it’s trivial. But why do some of the names of font families have quotes around them and some don’t? AND, why might the Revolution Slider put ‘Open Sans’ in single apostrophe quote marks while perhaps X will place “Open Sans” in regular quote marks in CSS markup?

Thanks

[Christian]

Hey Kris,

#3 means that when you have enabled a custom font in the Customizer or have imported a Google font in your child theme’s CSS then you can use font-family: "Your Font"; to any element site-wide.

You need the quotes if the font family name has two words separated by dash or space. That is for best practice but sometimes it works without a quote.

Hope that helps. 🙂

[mitchmeister]

Hi

I am trying to change block quote styling & have added your first code suggestion in this thread to my custom css but its not making any difference to quote on this blog post http://www.rehabitlabs.com/persuasion-matters/

Appreciate your help to debug.

[mitchmeister]

I discovered shortcodes so using them instead of the std HTML

[Rupok]

HI @mitchmeister

Thanks for updating the thread. That code is a working example and should work if you add this correctly. Make sure you don’ have any glitch on your other code (check if the previous code blocks are closed properly).

If you still face any issue, share the whole code you are using on custom CSS.

Cheers!

[Author]

Posts