Change the Color of the BlockQuotes

  • Anonymous

    #1817

    Hello!

    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: http://fmlight.com/guestbook/guestbook/

    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!

    Thanks!

    ~ Susanna

    Mod

    Kenneth John Odle

    #17250

    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;
    border:none;
    }

    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.

    Ken

    Anonymous

    #17251

    (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!

    Anonymous

    #17252

    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.