Title: Menu style Last modified: August 20, 2016 --- # Menu style * [wthomasUW](https://wordpress.org/support/users/wthomasuw/) * (@wthomasuw) * [13 years, 4 months ago](https://wordpress.org/support/topic/menu-style-1/) * The menu navigation is okay on this theme. Prefer standard buttons over the Tabs though. can I change those? If so, how? Also, it might look better the way it is if I could add space below the tabs and before the content area if that possible? * Finally, I cant seem to figure out which part in the style.css is for the default color of the drop down menu BEFORE you hover. Mine stuck on white. * Thanks Viewing 15 replies - 1 through 15 (of 25 total) 1 [2](https://wordpress.org/support/topic/menu-style-1/page/2/?output_format=md) [→](https://wordpress.org/support/topic/menu-style-1/page/2/?output_format=md) * [James G](https://wordpress.org/support/users/jamesg40/) * (@jamesg40) * [13 years, 4 months ago](https://wordpress.org/support/topic/menu-style-1/#post-3321869) * The background color is here `#access ul li.current_page_item, #access ul li. current-menu-item` * the text color is here `#access ul li.current_page_item > a, #access ul li.current- menu-item > a` and here `#access a` * try those and see what you can do. * the menu can be redesigned however you like, it will mostly depend on your skill with html and css. * Thread Starter [wthomasUW](https://wordpress.org/support/users/wthomasuw/) * (@wthomasuw) * [13 years, 4 months ago](https://wordpress.org/support/topic/menu-style-1/#post-3321914) * Hello. Thank you for your help. Unfortunately, none of those worked for changing the background color of the drop down in the navigation menu. just stays white. * And my HTML is fine. My CSS is pretty non-existent. Is there a plugin or a fairy simple way to change the look of that main navigation menu? * Thanks again. * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 4 months ago](https://wordpress.org/support/topic/menu-style-1/#post-3321915) * Where are you making the CSS changes? * Thread Starter [wthomasUW](https://wordpress.org/support/users/wthomasuw/) * (@wthomasuw) * [13 years, 4 months ago](https://wordpress.org/support/topic/menu-style-1/#post-3321916) * style.css * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 4 months ago](https://wordpress.org/support/topic/menu-style-1/#post-3321918) * Does Mantra come with a section in the dashboard named, “Custom CSS”, “Custom Styles” or “Jetpack”? * Thread Starter [wthomasUW](https://wordpress.org/support/users/wthomasuw/) * (@wthomasuw) * [13 years, 4 months ago](https://wordpress.org/support/topic/menu-style-1/#post-3321919) * yes sir. Custom CSS built into Mantra Settings. And also custom CSS in JetPack( which i currently do not have connected to wordpress.com because I dont like how it makes my site look mobile and cant figure out how to turn just that feature of jetpack off.) * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 4 months ago](https://wordpress.org/support/topic/menu-style-1/#post-3321920) * Could you add the CSS recommended by James into the Custom CSS section built- in to Mantra’s settings? * Thread Starter [wthomasUW](https://wordpress.org/support/users/wthomasuw/) * (@wthomasuw) * [13 years, 4 months ago](https://wordpress.org/support/topic/menu-style-1/#post-3321921) * Thats a separate issue. But yes, I have Custom CSS in two places that can be used. * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 4 months ago](https://wordpress.org/support/topic/menu-style-1/#post-3321922) * Excellent. * Thread Starter [wthomasUW](https://wordpress.org/support/users/wthomasuw/) * (@wthomasuw) * [13 years, 4 months ago](https://wordpress.org/support/topic/menu-style-1/#post-3321923) * Maybe I am not typing in the CSS code entirely correctly in the Custom CSS field. Its not helping either. * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 4 months ago](https://wordpress.org/support/topic/menu-style-1/#post-3321925) * Let’s take a look, can you post the CSS you’re trying? * Thread Starter [wthomasUW](https://wordpress.org/support/users/wthomasuw/) * (@wthomasuw) * [13 years, 4 months ago](https://wordpress.org/support/topic/menu-style-1/#post-3321926) * Sure. Again, I am new to this. I just included what James said above with the brackets. * never done the custom css before. ———————- } ul li.current_page_item, #access ul li.current-menu-item * color: #FF0000 } ———————— * Thats it * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 4 months ago](https://wordpress.org/support/topic/menu-style-1/#post-3321927) * Using James’ example, you need to be using the text colour CSS selectors. Your CSS syntax is wrong too [http://www.w3schools.com/css/css_syntax.asp](http://www.w3schools.com/css/css_syntax.asp) * Thread Starter [wthomasUW](https://wordpress.org/support/users/wthomasuw/) * (@wthomasuw) * [13 years, 4 months ago](https://wordpress.org/support/topic/menu-style-1/#post-3321928) * } ul li.current_page_item, #access ul li.current-menu-item * color:#FF0000; } * That is all I would think to change. I’m not sure. * [James G](https://wordpress.org/support/users/jamesg40/) * (@jamesg40) * [13 years, 4 months ago](https://wordpress.org/support/topic/menu-style-1/#post-3321948) * Here is how you should write it * ``` #access ul li.current_page_item, #access ul li.current-menu-item { background-color:#333333 !important; } ``` * And * ``` #access ul li.current_page_item > a, #access ul li.current-menu-item > a{ color:#ffffff !important; } ``` Viewing 15 replies - 1 through 15 (of 25 total) 1 [2](https://wordpress.org/support/topic/menu-style-1/page/2/?output_format=md) [→](https://wordpress.org/support/topic/menu-style-1/page/2/?output_format=md) The topic ‘Menu style’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/mantra/3.3.4/screenshot.png) * Mantra * [Support Threads](https://wordpress.org/support/theme/mantra/) * [Active Topics](https://wordpress.org/support/theme/mantra/active/) * [Unresolved Topics](https://wordpress.org/support/theme/mantra/unresolved/) * [Reviews](https://wordpress.org/support/theme/mantra/reviews/) * 25 replies * 6 participants * Last reply from: [reflection](https://wordpress.org/support/users/reflection_ewuyahoocom/) * Last activity: [12 years, 9 months ago](https://wordpress.org/support/topic/menu-style-1/page/2/#post-3322068) * Status: not resolved