Sidebar text color change WordPress
- SOLVED
I am looking to change the text color of a couple of sidebar headers. [[LINK href="https://img.skitch.com/20111123-bii7yujj4chati4s95qaaccbpj.png"]]This screenshot[[/LINK]] explains what I need to do, and my styles.css can be viewed [[LINK href="http://pastebin.com/UGSJ0GU2"]]here[[/LINK]].
Thanks in advance!
Answers (3)
Luis Abarca answers:
Without the HTML code to see, you can try this at the end of your style.css
#sidebar .widgettitle h3 .caps,
.aside ul li.widgetcontainer h3,
.aside ul li.widgetcontainer h3 a {color: #fff}
Ant Lively comments:
Hey Luis,
Thank you. That worked for the <em>second</em> header. The first one still isn't showing up in white. Here's my [[LINK href="http://pastebin.com/HrzXnb8F"]]functions.php page[[/LINK]] if that helps..
Luis Abarca comments:
Can you please paste the content of sidebar.php ?
Ant Lively comments:
Here is the [[LINK href="http://pastebin.com/fPcmphFm"]]widget-sidebar-menu.php[[/LINK]] code.
Luis Abarca comments:
i check the site in your profile like Jerson said.
Try to change the rules to this way
End of your styles.css
...
#sidebar .widgettitle h3 .caps,
.aside ul li.widgetcontainer h3,
.aside ul li.widgetcontainer h3 a {
color: #fff
}
Ant Lively comments:
Hey Luis that didn't work so I tried Jerson's suggestion and his worked. I guess it's best to just spit the award in this case. Thanks for your help!
Jerson Baguio answers:
I did a search and found your domain and got the html source there..
in your html
<font color="#007098"><span class="caps">CONNECT</span></font>
To correctly shows your text you can try the below css modification or just remove the color attribute on your font tag
.caps {
color: #FFFFFF !important;
font-size: 90%;
}
Note i added color attribute !important is optional.
Jerson Baguio comments:
Ant add this css
.caps {
color: #FFFFFF !important;
}
And this solve your problem i already tested this style applied to your site via Firebug
Ant Lively comments:
Thanks Jerson! Since you fixed one and Luis fixed the other, I guess I'll just split the award between you two.
Much appreciated!!
Jerson Baguio comments:
yeah no problem thanks
Ant Lively comments:
Hey Jerson I realized after closing this question that your solution actually changed all of the words in caps throughout my <em>entire</em> site to white.
I'm putting few more bucks into the pot to try to find a better fix, if you want to have another shot at it.
