Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

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)

2011-11-22

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!

2011-11-23

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.

2011-11-22

Nilesh shiragave answers:

show html code.. or just copy paste source code of your page on pastebin