WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Change my Category containers color (6 posts)

  1. fernandezp27
    Member
    Posted 3 years ago #

    How do I change my Category containers color. I would like to customize the color in Adobe CS3 and then have it pointing to the jpg.

    http://www.frankfactor.net

  2. dremeda
    Sucuri Wizard
    Posted 3 years ago #

    Not sure what you're asking here. Are you talking about the category links on the right sidebar?

  3. alchymyth
    Forum Moderator
    Posted 3 years ago #

    or are you talking about the grey box, which also contains the 'no comments' text'?

    that would be:
    images/postmetabottombg.jpg

    #content .post-meta-bottom {
    	background: #FBFCFE url(images/postmetabottombg.jpg) bottom left no-repeat;
    	display: block;
    	border-top: 1px solid #DFE3E6;
    	margin: 0px 0px 15px 0px;
    	padding: 12px 10px;
    	font-size: 12px;
    	color: #535353;
    	clear: both;
    }
  4. fernandezp27
    Member
    Posted 3 years ago #

    Sorry, I meant the long bright green bars that contain each post title.

  5. dremeda
    Sucuri Wizard
    Posted 3 years ago #

    Look for h1, h3 in your CSS, it contains:

    h1, h3 {
    	color: #FFFFFF;
    	background: #A0C772 url(images/titlebg.jpg) top right no-repeat;
    	font-size: 22px;
    	font-weight: normal;
    	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    	margin: 0px 0px 5px 0px;
    	padding: 8px 10px;
    	}

    Change:

    h1, h3 {
    	color: #FFFFFF;
    	background: #YOUR-COLOR-OF-CHOICE url(images/titlebg.jpg) top right no-repeat;
    	font-size: 22px;
    	font-weight: normal;
    	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    	margin: 0px 0px 5px 0px;
    	padding: 8px 10px;
    	}

    Make sure you use the hex code for the color you want to use.

    Then, you need to create a new image for the top curves. The css calls titlebg.jpg which is green:

    http://frankfactor.net/wp-content/themes/deepblue/images/titlebg.jpg

    Once you've changed the color of the image, you need to upload to:

    http://frankfactor.net/wp-content/themes/deepblue/images/

    and replace the existing titlebg.jpg

    Cheers!

  6. fernandezp27
    Member
    Posted 3 years ago #

    Thanks, that worked!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.