Change Menu color in Max magzine wordpress theme

Share

After installation of Max Magzine theme I customized my navigation Bar with Normal Menu items.But i wondered How to change the Menu text and Background color.Ultimately i Found a simple method to change the text and bacground color of Menu in Maxmagzine theme

Just go Appearance–>Theme options

There You will find a box for CSS code with text ¬†‘Enter your CSS styles’

max_magzine

 

Just Enter following CSS code in the Box and Save..You will see a nice Menu Bar on your main page of Max Magzine theme

#nav ul {margin: 0; padding: 0;
list-style-type: none; list-style-image:
none;}
#nav li {display: inline; }
#nav ul li a {text-decoration:none; margin: 2px;
padding: 2px 12px 2px 12px; color: white;
background: BLACK;}
#nav ul li a:hover {color: black;
background: white; }

You can customize your Menu bar by changing the color of text and Menu background with blue,purple ,yellow etc…You can also customize the Menu Box size by changing the ¬†paddiing values to may be 5px,18px,5px,18px…..and also gap between menu bars by changing the margin value to 4px,or may be 5px etc

Here is how i got my menu changed from simple to better one in Max magzine theme by simply adding CSS code for Menu.

Before

Max Magzine MenuAfter

Max Magzine Menu

 

 

Share