Change the Color of the BlockQuotes

  • Anonymous



    Firstly, I want to say thank you – so, so much – for such an awesome theme. I searched high and low for an easily customizable theme that was intuitive and simple to make your own. And, I found Graphene. Thank you!

    Secondly, (and I apologize if this is posted elsewhere – I couldn’t find anything related), I wondered if you could give me some insight on how to customize blockquotes, as seen on this page:

    I want to:

    1. Remove the box around the quote.

    2. Change the background color of the quote.

    3. Change the quote symbol to something that would better match my site.

    I’m sure this is a simple fix, but I’m not a coder, and very new at all this. Any insight would be greatly appreciated!


    ~ Susanna


    Kenneth John Odle


    This is the CSS that controls the style of the block quotes:

    blockquote {
    background: url(images/sprite_master.png) left -475px no-repeat #f3f3f3;
    border: 1px dotted #e3e3e3;
    clear: both;
    margin: 10px 0 10px 20px;
    padding: 8px 18px 5px 32px;

    Copy and paste this into your custom CSS:

    blockquote {
    background: url(address of your new image) #ffffff;

    instead of #ffffff, use whatever color you would like. You can find a good color picker here.

    border:none eliminates the border.

    You can create whatever you like for a background image using Photoshop, GIMP or something similar. Upload it to your media gallery and copy the URL from there and pasted it into the parentheses above. Be sure to include the http:// bit. Mischief managed.

    Good luck and welcome aboard.




    (EDITED) Hi Susanna, I see Ken already helped you out while I was writing my post to do the same. Anyways, good luck with your site!



    Thank you so much, Ken! That worked perfectly. :)It looks just the way I want it – thank you!

    ~ Susanna

    P.S. Again, love this theme. It is by far the best out there. It makes my job so simple!

Viewing 4 posts - 1 through 4 (of 4 total)

  • You must be logged in to reply to this topic.