• Resolved Eve Batey

    (@eve-batey)


    I’d like to change the font of the block quote from 30 px Reenie Beanie to 12 px times. In the child theme of my site, I went to the text elements section and changed

    <blockquote>blockquote {
    	margin: 0 1.5em;
    	font-family: 'Reenie Beanie', serif;
    	font-size: 30px;
    	font-size: 3.2rem;
    	line-height: 1.8;

    to

    blockquote {
    	margin: 0 1.5em;
    	font-family: 'times', serif;
    	font-size: 12px;
    	font-size: 3.2rem;
    	line-height: 1.8;

    But when I test a block quote, it’s still appearing in 30 px Reenie Beanie.

    I’m sure there’s an obvious fix that I’m stupidly missing, and I’m hopeful that someone here can be the fresh eyes I need to show me what that fix is.

    Thanks in advance to all who consider my question.

    http://wordpress.org/extend/themes/mon-cahier/

Viewing 15 replies - 1 through 15 (of 22 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    There is CSS overriding your actions;

    .twt-buffer-button, .twt-o, .twt-o div, .twt-o blockquote, .twt-o .author, .twt-o .footer, .twt-border, .twt-o p, .twt-o ul, .twt-o ol, .twt-o li, .twt-o dl, .twt-o dt, .twt-o dd, .twt-o img, .twt-o a img, .twt-o a, .twt-o b, .twt-o i, .twt-o span, .twt-o time, .twt-o abbr, .twt-o iframe, .twt-timeline, .twt-timeline li {
     font: normal normal normal 12px/16px "Helvetica Neue",Arial,sans-serif!important;
    }

    I recommend using !important on your font family and making sure your CSS selectors are specific.

    Thread Starter Eve Batey

    (@eve-batey)

    Andrew, are you finding that CSS you quoted in the stylesheet? I’ve scanned it from top to bottom and am not seeing that language.

    As always, thank you so much for your help on this.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Are you using a plugin to retrieve the quotes?

    Thread Starter Eve Batey

    (@eve-batey)

    Nope.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Thread Starter Eve Batey

    (@eve-batey)

    I believe you’re seeing the result of an embedded tweet. If you’re looking at the homepage, the tweet is embedded in the third visible post, headed “Oakland Trib Tells Critics To Get Over It.”

    More on embedded tweets is here.

    It’s not a plug-in, nor is it part of the stylesheet. So I’m not sure if that could be the culprit?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    CSS needn’t be part of the stylesheet, assuming you mean part of your stylesheets or parent themes’.

    https://dev.twitter.com/docs/embedded-tweets
    Explains how embedded tweets use CSS, “This markup presents a Tweet in an attractive (and display guidelines compliant) way”.

    Thread Starter Eve Batey

    (@eve-batey)

    Sure. But what I’m saying is that the css file you’re referring to above is the result of an embedded tweet in a single blog post. It’s not an element of the Mon Cahier theme, nor has it been added as a plug-in.

    Do you believe that a CSS file that’s being called by an embedded tweet is responsible for my inability to change this blockquote font? Or could there be another reason for this?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Do you believe that a CSS file that’s being called by an embedded tweet is responsible for my inability to change this blockquote font?

    Definite.

    Thread Starter Eve Batey

    (@eve-batey)

    Only one way to find out — I’ll pull all the embedded tweets from the site and see if that resolves it. I’ll keep you posted!

    Thread Starter Eve Batey

    (@eve-batey)

    OK, I pulled the embedded tweets and replaced them with jpgs. Then I did a test post with a blockquote. No change. I am sorry to say that that appears not to have been the issue!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I don’t understand, there is no blockquote anymore so how will your CSS have effect?

    Thread Starter Eve Batey

    (@eve-batey)

    Gosh, I’m so sorry, but I don’t understand what you’re asking! Can you please elaborate?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Nevermind.

    Theme Author Christine Rondeau

    (@crondeau)

    Hi Eve,

    I just went and looked at your site and I can’t see any blockquotes anywhere.
    Can you provide a link to the page that has blockquotes?

Viewing 15 replies - 1 through 15 (of 22 total)
  • The topic ‘[Theme: Mon Cahier] Changing Block Quote font’ is closed to new replies.