Just need to change 1 header font color WordPress
- SOLVED
[[LINK href="http://img.skitch.com/20111123-jkegswf3kiqc6rd3cxgk9r75sw.png"]]This screenshot[[/LINK]] explains what I am trying to do.
Site: [[LINK href="http://audiocompulsive.com"]]Audiocompulsive.com[[/LINK]]
[[LINK href="http://pastebin.com/UGSJ0GU2"]]styless.css[[/LINK]]
[[LINK href="http://pastebin.com/HrzXnb8F"]]functions.php[[/LINK]]
[[LINK href="http://pastebin.com/fPcmphFm"]]widget-sidebar-menu.php[[/LINK]]
Thanks!
Answers (6)
Gabriel Reguly answers:
Hi,
As Francisco said, there are several font color declarations.
That is not a modern practice. You should use CSS instead.
Find
<li id="feedburneremailwidget-3" class="widgetcontainer FeedburnerEmailWidget">
<h3 class="widgettitle">
<font color="#007098">
<span class="caps">CONNECT</span>
</font>
</h3>
and change to
<li id="feedburneremailwidget-3" class="widgetcontainer FeedburnerEmailWidget">
<h3 class="widgettitle">
<span class="caps">CONNECT</span>
</h3>
It shall fix your issue.
Regards,
Gabriel
Ant Lively comments:
Hey Gabriel yes I saw the <font color="#007098"> declaration using Firebug, but can't find that anywhere in any of my files..
Gabriel Reguly comments:
Hi,
It surely exists.
But first try Romel Apuya's solution.
It is not the best practice, but might work.
Regards,
Gabriel
Gabriel Reguly comments:
Hi,
Otherwise, please send me a PM with FTP details and I will find it for you.
Regards,
Gabriel
Gabriel Reguly comments:
Hi,
Seems this <font> tag is not in your code.
Looking at the source I can not find it.
Something else must be adding it via DOM/Javascript.
I'll have a look.
Regards,
Gabriel
Gabriel Reguly comments:
Hi,
Please try
#feedburneremailwidget-3 span.caps{
color:#fff !important;
}
Regards,
Gabriel
Ant Lively comments:
That worked! You win! Haha Thanks!
Gabriel Reguly comments:
Hi,
Sorry, <font> tag is actually there.
You should fix your text widget ABOUT.
<font color="#007098">Audiocompulsive is Antero Martin’s personal blog for aggregating music and content relevant to the industry that supports it. More info available <a href="http://audiocompulsive.com/about" >here</a>. <br></font>
<!-- G+ & FB Like-->
<div class="fb-like" data-send="true" data-layout="button_count" data-width="60" data-show-faces="false"></div>
<g:plusone size="medium" align="left"></g:plusone>
Regards,
Gabriel
Ant Lively comments:
Ahhhh that was the problem all along. Not sure why I put that there in the first place but I had completely forgotten about it. Fixed, and removed the #from my css. Thanks again!
Utkarsh Kukreti answers:
Add this to your style.css
#feedburneremailwidget-3 h3 span { color: white; }
Ant Lively comments:
Thanks for the quick response. I just tried that suggestion. No luck..
Utkarsh Kukreti comments:
It seems to work for me. I cannot see the code in your style.css.
rizaljohn answers:
You can add this code to your style.css:
.FeedburnerEmailWidget h3.widgettitle {
color: #FFF
}
Ant Lively comments:
Thanks, but this fix isn't working either
Francisco Javier Carazo Gil answers:
Hi Ant,
In:
<li id="feedburneremailwidget-3" class="widgetcontainer FeedburnerEmailWidget">
You have a color tag into the title h3 that you have to delete.
Francisco Javier Carazo Gil comments:
This tag does not appear in:
* functions.php
* widget-sidebar-menu.php
So you have to find it into PHP code to delete. The CSS rules may not run, because the tag is into the h3 title and I think is more relevant to browser.
Ant Lively comments:
Hey Francisco it sounds like you're on the right track.. I found a php file called colors-settings.php, but don't know how to fix it. You can view it [[LINK href="http://pastebin.com/jtaw85cy"]]HERE[[/LINK]].
Francisco Javier Carazo Gil comments:
I cannot see the font tag here, can you paste me the code PHP that generates the.? sidebar
Ant Lively comments:
Here's are all of the files I have: [[LINK href="https://img.skitch.com/20111124-rkuuyi44h26ygp7q82cunb1rji.png"]]https://img.skitch.com/20111124-rkuuyi44h26ygp7q82cunb1rji.png[[/LINK]]
Not sure which you need to see..?
Just Me answers:
the code is most likely in your widget php file. If you could setup a test account I could take a look for you.
Ant Lively comments:
Thanks
That widget-sidebar-menu.php file I included in my original question is the only widget php file I have. Not sure what you mean about setting up a test account.. sorry
Just Me comments:
I meant a temporary account (user) so I can take a look at your admin panel. Things are often more clear when you get the whole picture. You can delete the user afterwards
Did you install something to get this widget or is it part of your theme?
Romel Apuya answers:
just add this in your stylesheet.
span.caps{
color:#fff !important;
}
Ant Lively comments:
Hi Romel
I have other words in all caps throughout my site. I'm looking for a fix that will only affect the mentioned header