Changing blockquote font in Adelle

  • Unknown's avatar
    sallywally2016 · Member ·

    I’ve tried to change the blockquote font two ways:

    ‘#content .snap_preview blockquote {
    font-family:’Arial’;
    }’

    And I’ve tried:
    ‘.entry-content blockquote, .comment-content blockquote {
    font-family: PT Serif;
    }’

    Neither has changed the font at all. Any ideas?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    designsimply · Member ·

    You’re on the right track. However, since you’ve used custom fonts on your Appearance → Custom Design → Fonts page, the theme wants to try to use those settings if at all possible and the trick is just to override them in your custom CSS. Here is an example:

    .entry-content blockquote {
	font-family: arial, sans-serif !important;
}
  • Unknown's avatar
    sallywally2016 · Member ·

    Amazing! Thank you so much. Worked like a charm.

    If you happen to come back, maybe you could tell me where I can find a list of the fonts that the CSS style sheet will recognize. I tried “ff mark” because it’s in my custom list, but it doesn’t seem to recognize it.

  • Unknown's avatar
    designsimply · Member ·

    First, check out this post which explains font stacks:
    http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

    From that page:

    Font stacks are prioritized lists of fonts, defined in the CSS font-family attribute, that the browser will cycle through until it finds a font that is installed on the user’s system.

    Custom fonts are a bit different. Custom fonts like “FF Market” are only loaded if you have selected that font on your Appearance → Custom Design → Fonts page. If you’ve done that (which you have already), then you can look at the blog home page using a browser’s built in web inspector to find out what the font names are that can be used in custom CSS. To do it, right-click one of the custom fonts, select “Inspect Element,” then look for the “font-family” property. In your case, it looks like this:

    font-family: ff-market-web-1,ff-market-web-2,Lora,Georgia,"Times New Roman",serif;

    So, you can apply that set of fonts to something else in your custom CSS as long as “FF Market” is selected on your Appearance → Custom Design → Fonts page.

  • The topic ‘Changing blockquote font in Adelle’ is closed to new replies.