Change quote block background color

  • Unknown's avatar
    jamiewkb · Member ·

    Hemingway Revisited theme here. I’d like to change the background color for the quotes text from the theme default. Something just a bit darker to stand out on the white page background.

    What would the CSS code be to monkey around with this?

    Thanks

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

  • Unknown's avatar
    jamiewkb · Member ·

    Hemingway Rewritten

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, the following will allow you to change the blockquote background color and also the font color. The font color is set as an RGB color with an opacity of 0.4. The first three numbers (0, 0, 0) are the RGB color codes for black. 

    blockquote {
    background: #eee;
    color: rgba(0, 0, 0, 0.4);
}
  • kathrynwp · Staff ·

    Hi there, blockquotes in Hemingway Rewritten have a light grey background by default. If you use the blockquote button in the editor (the button with the big quote marks) you’ll see the formatting. Feel free to give it a try and let me know how it goes!

    If you prefer a different colour you can modify it using CSS like this:

    blockquote {
     background-color: #f0fbfe;
}

    Replace the colour code with anything you like.

  • Unknown's avatar
    jamiewkb · Member ·

    Thank you both for the help. Is there anything you Happiness Engineers can’t do with CSS?

  • Unknown's avatar
    psycheq · Member ·

    Hi:
    I tried several times to do this but I don’t get any results. I have been editing css and html without problem but the bloquequote part doesn’t work, it stays the same color.
    My web is evaizquierdosotorrio.es
    Thanks ahead.

  • kathrynwp · Staff ·

    psycheq – looks like you’re running a self-hosted site running the theme called Hemingway. This forum is for folks hosted here at WordPress.com, and the theme in question is a different one, Hemingway Rewritten. This CSS should do the trick in your theme:

    .post-content blockquote {
  color: #bb00bb;
}

    If you need further help with the self-hosted version of Hemingway, you can post here:

    http://wordpress.org/support/theme/hemingway

    You’ll need a free WordPress.org account to post – if you don’t already have one, you can register here:

    https://wordpress.org/support/register.php

  • The topic ‘Change quote block background color’ is closed to new replies.