Wordpress menu background color
How to Change Background Color of Navigation Menu Bar First youll need to find out the CSS ID or class used by your theme for the container surrounding navigation menu. After that you can use the following custom CSS to change background color of navigation menu bar.Have you achieved what you are wanting here? I can see the main menu bar is like this. which is using the code you stated above. changing that hex color of# f0f0f0 will change the color. wordpress menu background color
Jul 07, 2014 This example will change the menu and submenu link and background colors for the menu items as well as their hover states: . mainnavigation a: hover, . mainnavigation a: focus color: # fff; . mainnavigation ul. navmenu, . mainnavigation div. navmenu ul borderbottom: 1px solid# ededed; bordertop: 1px solid# ededed; . mainnavigation li a
You can see below that when I remove the check mark next to the background element, the menu loses its color: Step 2: Choose the Color. Now youve done the hard work! The next step is to change the color to whatever you want. To do this, uncheck the existing color option and click near the closing bracket. WordPress automatically adds the currentmenuitem class to the link in this state, which you can use in Custom CSS to apply a different color etc. To view this class, rightclick the link while viewing its page, and choose Inspect Element to open the browser inspector.wordpress menu background color Changing The Color Of Each Nav Menu Item. Use that new CSS class to target each menu item; Change the background color of each item; The WordPress navigation menus take up a large chunk of CSS in your themes style. css file making it one of the most challenging elements to customize.