Changing Colors in Cutline Theme

Resolved myownwedsite
(@myownwedsite)

15 years, 9 months ago

Hello everyone, I am new to WordPress and fairly new to web design. I am currently working on setting up a blog ( http://www.myownWEDsite.com )using the Cutline 2.1 theme and would like to change the colors around. I figured out how to change the background color and the color of the line in the header, though I just cannot figure out how to change the color of the navigation bar. It’s driving me crazy can anybody help??

Thanks,

Allan

Viewing 3 replies - 1 through 3 (of 3 total)

(@whooami)

ul#nav { width: 896px; list-style: none; margin: 0.5em 0 1.2em 0; padding: 0; background: #1D1D1D; float: left; clear: both; }
ul#nav li { text-align: left; float: left; font: 1.4em Helvetica, Arial, sans-serif; font-variant: small-caps; width: 126px; border-right: 2px solid #FFF; display: block; }
ul#nav li a, ul#nav li a:visited { display: block; padding: 0.4em 1.8em 1.5em 0.5em; color: #FFF; text-decoration: none; }
ul#nav li a:hover { color: #FFF; background-color: #C3C3C3; text-decoration: none; }
ul#nav li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover { color: #FFF; text-decoration: none; }
ul#nav li.rss { padding: 0.5em 0 0.5em 0; border: none; float: right; }
ul#nav li.rss a { margin: 0 15px 0 0; padding: 0 18px 0 0; background: url('images/icon_rss.gif') 100% 50% no-repeat; }

specifically,

ul#nav { width: 896px; list-style: none; margin: 0.5em 0 1.2em 0; padding: 0; background: #1D1D1D; float: left; clear: both; }

#1D1D1D is the standard color.

the hover over color is in here:

ul#nav li a:hover { color: #FFF; background-color: #C3C3C3; text-decoration: none; }

Please review this:

http://codex.wordpress.org/CSS_Troubleshooting

Thread Starter

myownwedsite

(@myownwedsite)

15 years, 9 months ago

Well, that was easy! Thanks for your help, whooami!