WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Changing BLOCKQUOTE Colors (8 posts)

  1. Rick5150
    Member
    Posted 1 year ago #

    I can only find one instance of BLOCKQUOTE in the css file and there is not an option for color.

    I was wondering how to change this. I am using the MovieSpot theme, but you see the site here. The gray text is difficult to read and I wanted to change it to something else...

    http://www.filmjackets.com/current/testimonials/

  2. Tara
    Member
    Posted 1 year ago #

    -Try using Firefox with the Firebug add-on for this kind of CSS work. http://getfirebug.com/

  3. Andrew
    Forum Moderator
    Posted 1 year ago #

    Now that you know the style, from being exposed/added by Firebug, you can add a new style to override it.

    You ought to add new styles externally, not within the theme's files. Changes to the theme's files will compromise the theme and be compromised when the theme updates.

    External changes can be made using a Child Theme or through a plugin that provides Custom CSS functionality.

    I recommend using the Jetpack plugin and its Custom CSS functionality to hold your CSS modifications.

  4. Rick5150
    Member
    Posted 1 year ago #

    I think that may be beyond my capability.

  5. wpcanyon
    Member
    Posted 1 year ago #

    Just install the plugin and add this in the Custom CSS section.

    blockquote { color: #hexcode; }

    Replace hexcode with an actual hex code of the color you want. Examples: #888, #eee, #fff.

  6. Rick5150
    Member
    Posted 1 year ago #

    That worked beautifully! Thank you.

  7. wpcanyon
    Member
    Posted 1 year ago #

    You're welcome.

  8. Rick5150
    Member
    Posted 1 year ago #

    UPDATE: I guess I should say "almost beautifully."

    It turns out that when I enabled Jetpack, I started experiencing wonky page loads and flickering of old/new background images on refreshing. I had to disable Jetpack, but the style had an INTEGRATION tab that allowed me to enter the code.

    I really appreciate the help wpcanyon. Even though I cannot use Jetpack, I learned that I can override the CSS thanks to you and the quotes look great now.

Topic Closed

This topic has been closed to new replies.

About this Topic