Title: Menu text color changes
Last modified: August 20, 2016

---

# Menu text color changes

 *  [firefightertraininginc](https://wordpress.org/support/users/firefightertraininginc/)
 * (@firefightertraininginc)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/menu-text-color-changes/)
 * I need some help with text color changes. Website address is:
 * [http://www.firefightertraininginc.com](http://www.firefightertraininginc.com)
 * At the bottom of the page I have a menu with red text I would like to change.
   I used firebug to try to locate it and thought I did, but the changes I made 
   had no effect. Can anyone help me figure out where and what I need to change?
 * You will also see the accepted payment methods woo-commerce plugin at the bottom
   with black text. I would like to change that as well. Thanks in advance!

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/menu-text-color-changes/#post-3310434)
 * 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?
 *  Thread Starter [firefightertraininginc](https://wordpress.org/support/users/firefightertraininginc/)
 * (@firefightertraininginc)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/menu-text-color-changes/#post-3310462)
 * 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?
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/menu-text-color-changes/#post-3310468)
 * >  <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](http://getfirebug.com) — an addon for Firefox that is really
   usefull for CSS and other web work.
 *  Thread Starter [firefightertraininginc](https://wordpress.org/support/users/firefightertraininginc/)
 * (@firefightertraininginc)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/menu-text-color-changes/#post-3310472)
 * 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.
 *  Thread Starter [firefightertraininginc](https://wordpress.org/support/users/firefightertraininginc/)
 * (@firefightertraininginc)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/menu-text-color-changes/#post-3310496)
 * 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?
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/menu-text-color-changes/#post-3310498)
 * 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.)

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Menu text color changes’ is closed to new replies.

 * 6 replies
 * 2 participants
 * Last reply from: [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * Last activity: [13 years, 5 months ago](https://wordpress.org/support/topic/menu-text-color-changes/#post-3310498)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics