Try this for the footer menu – put the color code you want:
.footmenu ul li a {
color: #xxxxxx;
}
For the other, there’s not an easy way to target that line of text right now — it’s only an h4 element with no class or id, so if you only use h4 in the CSS, it will apply that to any other h4 in your site. But it also looks like maybe there is a problem with the HTML tags in that area:
<div id="page-foot"></div>
<h4>Accepted Payment Methods</h4>
I’m wondering if the page-foot div should enclose all that bottom content — as is it’s empty?
Wow, thanks! I had a feeling that code would work, just didnt know its title was footmenu. So simple! Thanks!
As far as your second recommendation, what is the problem with the HTML tags? Is it a problem that the page-foot stays empty? Could I have a more HTML friendly layout?
<div id=”page-foot”></div>
See how the above is just an empty div — I’m guessing that the bottom section of your page is supposed to be inside that div — as is it’s all below the div because of the closing div tag.
If you change that, then you can target the “Accepted Payment Methods” with this CSS:
#page-foot h4 {
color: #xxxxxx;
}
But that CSS won’t work as is because the h4 has to be inside the #page-foot div.
The best way to sleuth out these CSS selectors (tags, classes and ids, etc.) is by using Firebug — an addon for Firefox that is really usefull for CSS and other web work.
Oh, I see what you mean. I will work on that. I have firebug and tried to understand where the accepted payments method code is but cannot figure it out the location to change the color.
So as far as I can tell the plugin is calling on the h4 tag from the stylesheet. Can I set it up where I can use the above custom CSS to get it to work?
You can put that code in at the bottom of your style.css file (for the child theme), but it won’t work unless you’ve fixed the div problem.
If you have not done that, you can try using just
h4 {
...
}
but that will also affect any other h4 tags in your site.
As is, it’s getting the color from the body tag! (Essentially it’s unstyled.)
