Theme “Modularity Lite” – changing sidebar text color
-
I would like to change the color of the link on the sidebar of my template Modularity Lite. The way it is now shows a very light gray, which gets lost against the white background – see http://www.photographyfornewbies.com
I tried changing the values on the theme options page, without any success.
Can someone help me with this?
Thank you.
-
should be in your theme’s
style.cssI know that…lol…but I could not find the part where the color could be changed…I am a little css-disabled!
Any step-by-step would be helpful.
Thanks.It would be under the .div #sidebar CSS, specifically the ul selectors. If you use (hopefully) Firefox, may I recommend the Firebug and/or WebDeveloper plugins for same? They can be a huge help finding things like this.
Thank you Saurus.
I will give it a try.Can someone help me understand how to make the change? This is what my sidebar looks in the CSS file:
/* Sidebar */
#sidebar {margin:0;}
#sidebar h3 {margin:0;padding:0 0 .6em 0}
#sidebar .item {margin:0 0 4em 0}
#sidebar ul{list-style:none;margin:0 0 1.6em 0;font-size:1em;}
#sidebar ul li a,ul.txt li{color:#eee;height:1%;line-height:1.2em;border-bottom:1px solid #000;display:block;padding:6px 0 6px 8px;}
#sidebar ul li a:hover,ul.txt li:hover{color:#fff;background-position:1px 0.8em;background: #000}
#sidebar ul li a span,ul.txt li,h4 a span{color:#696455;}
#sidebar ul li.active a{cursor:default;color:white;}
#sidebar ul ul{margin:0;list-style:none;}How do I change the color of the font? I don’t know how to work with the 3 digits only for the colors!
Sorry for the really very basic question.I figured it out…thanks for nudging me in the right direction!
The topic ‘Theme “Modularity Lite” – changing sidebar text color’ is closed to new replies.