WordPress.org

Ready to get started?Download WordPress

Forums

Quotes Collection
CSS - Background Color of Quote (3 posts)

  1. jkgray
    Member
    Posted 1 year ago #

    Can someone tell me how to change the background color of the displaying quote using CSS? I'd like for it to stand out more in the sidebar. On the Screenshot there is a gray box around the quote but I'm not getting this.

    Thanks.

    http://wordpress.org/extend/plugins/quotes-collection/

  2. courtneycj
    Member
    Posted 10 months ago #

    I would also like to know how to change the background color of the Quotes Collection widget, as well as how to add a different-colored border. I am using Twenty Eleven on a multisite platform (i.e. nobody has access to the ftp server). The widget is saved in my Secondary Widget Area along with two text widgets. I only want to change the formatting of the Quotes Collection. (To be really specific, I want to implement a gray background #D8D8D8 and a red border #FF0000.)

    Please advise. Thank you!

  3. courtneycj
    Member
    Posted 10 months ago #

    I figured this out myself. If you still need help, jkgray, here's what I did.

    I figured out which widget the Quotes Collection was displaying in. For me, it was the right sidebar ("sidebar_right"). You can do that by seeing what the title of the widget area is in your Dashboard, and then going into the page source code and finding the sidebar name that corresponds with that widget area.

    I went into the style.css file and inserted the following code:

    #sidebar_right {background-color:#e7e7e7 !important;}
    #sidebar_right {border: 4px solid #8a8a8a !important;}

    That created a gray box with a darker gray border. You can change the colors (#e7e7e7 and #8a8a8a) to whatever colors you prefer. You can also change how big the border is -- 4px was a bit too wide for my taste.

    I hope that helps.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.