More Color Changing Issues

[katybailey]

Hello,

I submitted a forum request last evening about header color changes in the Serenity theme and my question was quickly answered. Of course, now I am still having other two other elements on the site. I am hoping to change the green navigation bar to orange #D35B2B with a hover color of #562240. I would then also like to match that same branding to the right hand widgets which are currently blue to the same color of #562240.

Again, I thought I changed the color codes and I don't see an image behind the scenes. Any help you can provide would be awesome!

Thank you so much.

http://correctivebalance.co

[Brad Dalton]

Please use Firebug to find the classes and change the values for the color property in your browser before modifying your code.

Here's how to change a link color in Genesis, includes video.

---

Tutorials for StudioPress Themes.

[Porter]

Hello again!

Search for the following in style.css:

#subnav {
clear: both;
width: 960px;
height: 35px;
background: url(images/subnav.png);
color: #FFFFFF;
margin: 0 auto 0;
padding: 0;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}

The line:

background: url(images/subnav.png);

Needs to be:

background: #D35B2B;

For your sidebar, find:

#sidebar h4, #sidebar-alt h4 {
background: #EEEEEE url(images/widget-header.png);
color: #FFFFFF;
font-family: Trebuchet MS, Arial, Verdana;
font-size: 12px;
font-weight: normal;
text-shadow: #055669 1px 1px;
margin: 0;
padding: 4px 5px 4px 10px;
}

Change:

background: #EEEEEE url(images/widget-header.png);

To

background: #D35B2B;

For your hover, find:

#subnav li a:hover, #subnav li a:active, #subnav .current_page_item a, #subnav .current-cat a {
background: url(images/subnavhov.png);
color: #FFFFFF;
text-shadow: #055669 1px 1px;
}

Replace:

background: url(images/subnavhov.png);

With

background: #562240;

I changed all those values myself, and it looks great. Let me know how it works 🙂

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[katybailey]

Porter, you are awesome! Thank you so much for your help. I am very happy that I am learning how of this works. I think I am all done with questions now (I hope!) 😉

Thanks again,
Katy

[Author]

Posts