Title: Menu text shadow Last modified: August 21, 2016 --- # Menu text shadow * [digfordesign](https://wordpress.org/support/users/digfordesign/) * (@digfordesign) * [12 years, 8 months ago](https://wordpress.org/support/topic/menu-text-shadow/) * Loving the theme but I am having problems removing the shadow from my menu I would like the text to be just a solid white and perhaps a grey rollover. I have gone through all resolved forum posts with no luck. I created a child theme but the changes concerning the menu don’t seem to update however other changes do. So frustrating please help… Viewing 15 replies - 1 through 15 (of 15 total) * [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/) * (@rdellconsulting) * [12 years, 8 months ago](https://wordpress.org/support/topic/menu-text-shadow/#post-4074109) * Link to site? * Thread Starter [digfordesign](https://wordpress.org/support/users/digfordesign/) * (@digfordesign) * [12 years, 8 months ago](https://wordpress.org/support/topic/menu-text-shadow/#post-4074111) * Yeah sorry that might help [http://beautyshots.com.au/](http://beautyshots.com.au/) cheers * [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/) * (@rdellconsulting) * [12 years, 8 months ago](https://wordpress.org/support/topic/menu-text-shadow/#post-4074121) * Try: * ``` .navbar .nav > li > a, .navbar .nav > li > a:firstletter { color: white; } ``` * There’s some text-shadow on hover which you might/might not like. See what you think. * [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/) * (@rdellconsulting) * [12 years, 8 months ago](https://wordpress.org/support/topic/menu-text-shadow/#post-4074126) * Add `text-shadow: none;` before the } if you want to try it. * Thread Starter [digfordesign](https://wordpress.org/support/users/digfordesign/) * (@digfordesign) * [12 years, 8 months ago](https://wordpress.org/support/topic/menu-text-shadow/#post-4074127) * Does not change anything for me I assume I just post the code in the custom css? ( Using child theme) * Has it anything to do with this code I have added .navbar .navbar-inner { -webkit- box-shadow: 0px 0px 0px ; -moz-box-shadow: 0px 0px 0px ; box-shadow: 0px 0px 0px transparent; background: none; * Which removes the white box around the menu. When I remove the background: none; the shadow from text seems to disappear. * Thought maybe its conflicting code or something I’m pretty new to this sorry. * Thread Starter [digfordesign](https://wordpress.org/support/users/digfordesign/) * (@digfordesign) * [12 years, 8 months ago](https://wordpress.org/support/topic/menu-text-shadow/#post-4074130) * Its strange as this code h1, h2, h3, h4, h5, h6 { text-shadow: 0 0px 0 transparent; removes the shadow from the tagline just above the nav * [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/) * (@rdellconsulting) * [12 years, 8 months ago](https://wordpress.org/support/topic/menu-text-shadow/#post-4074143) * Try: * ``` .navbar .nav > li > a, .navbar .nav > li > a:firstletter { color: white; float: none; text-decoration: none; text-shadow: 0 0 0 transparent; } ``` * Place it after the navbar-inner code. * This is targetted at the menu items. The other code is targetted at box shadows so shouldn’t be conflicting. * Child theme is best approach, though CustomCSS panel is useful for trying things out before uploading to child theme. * Update and then I can take another look if not working. * Thread Starter [digfordesign](https://wordpress.org/support/users/digfordesign/) * (@digfordesign) * [12 years, 8 months ago](https://wordpress.org/support/topic/menu-text-shadow/#post-4074146) * Sorry no luck stays the same. I appreciate your help thanks * Thread Starter [digfordesign](https://wordpress.org/support/users/digfordesign/) * (@digfordesign) * [12 years, 8 months ago](https://wordpress.org/support/topic/menu-text-shadow/#post-4074167) * Not sure if this will help but this is my custom css guess if anyone is willing to paste into their css to see what I mean. * h1, h2, h3, h4, h5, h6 { text-shadow: 0 0px 0 transparent; } * .navbar .navbar-inner { -webkit-box-shadow: 0px 0px 0px ; -moz-box-shadow: 0px 0px 0px ; box-shadow: 0px 0px 0px transparent; background:none * } body{ background: #fff; } * /* takes away the circle border */ .round-div { border: 0px solid #FAFAFA; left: 0px; top: 0px; } * header.tc-header { background: #231f20; } * .format-icon:before { display:none; } * .navbar-wrapper .navbar h2 { color: #ffffff; * [acub](https://wordpress.org/support/users/acub/) * (@acub) * [12 years, 8 months ago](https://wordpress.org/support/topic/menu-text-shadow/#post-4074171) * ``` .navbar .nav > li > a { text-shadow: none; color: white; } .navbar .nav > li > a:hover { color: #777; } ``` * You put it in your child theme’s style.css. NOT in the Custom CSS panel! It won’t work from there. Just edit style.css and it will work. _________________ * [@nikeo](https://wordpress.org/support/users/nikeo/): I understand the reasoning behind stripping html from custom CSS in principle, but in this case (the custom CSS panel) maybe there should be a custom function only stripping the <‘s, not the >’s. It causes way too many problems with Customizr’s menu, that relies on those >’s. Besides, whoever has access to the Custom CSS Panel can already damage the website anyway they see fit. Why strip their presumably malicious html from their input anyway? * Thread Starter [digfordesign](https://wordpress.org/support/users/digfordesign/) * (@digfordesign) * [12 years, 8 months ago](https://wordpress.org/support/topic/menu-text-shadow/#post-4074175) * You are a legend thanks to you both for your time to help someone learning. It was because I was not using the child theme properly. I was not going into the editor and updating the style.css but now I realise the way the child theme works. Learn something everyday…Cheers * [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/) * (@rdellconsulting) * [12 years, 8 months ago](https://wordpress.org/support/topic/menu-text-shadow/#post-4074177) * Thanks [@acub](https://wordpress.org/support/users/acub/), saved me again. Of course, it was the > character. * I agree with you about stripping characters under these circumstances. * [ElectricFeet](https://wordpress.org/support/users/electricfeet/) * (@electricfeet) * [12 years, 8 months ago](https://wordpress.org/support/topic/menu-text-shadow/#post-4074233) * > Why strip their presumably malicious html from their input anyway? * I think it’s because they could damage their database, not just mess up their CSS—and as the Custom CSS panel is the first place a newbie would put code, it has to be foolproof. * But I’m not an expert on how to damage WordPress databases … or at least I’ve not damaged mine yet 🙂 * [kljasd89](https://wordpress.org/support/users/kljasd89/) * (@kljasd89) * [12 years, 8 months ago](https://wordpress.org/support/topic/menu-text-shadow/#post-4074354) * I was wondering if you could help me with the menu… I would like to remove the box surrounding my menu and to ALSO allow the menu to span clear across the screen and center it. * [ElectricFeet](https://wordpress.org/support/users/electricfeet/) * (@electricfeet) * [12 years, 7 months ago](https://wordpress.org/support/topic/menu-text-shadow/#post-4074355) * [@kljasd89](https://wordpress.org/support/users/kljasd89/) For the box, see the [FAQ](http://www.themesandco.com/customizr/faq/). For the menu question, please open a new thread, as it’s not related to this thread. Viewing 15 replies - 1 through 15 (of 15 total) The topic ‘Menu text shadow’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/customizr/4.4.24/screenshot.png) * Customizr * [Support Threads](https://wordpress.org/support/theme/customizr/) * [Active Topics](https://wordpress.org/support/theme/customizr/active/) * [Unresolved Topics](https://wordpress.org/support/theme/customizr/unresolved/) * [Reviews](https://wordpress.org/support/theme/customizr/reviews/) ## Tags * [niclook](https://wordpress.org/support/topic-tag/niclook/) * 15 replies * 5 participants * Last reply from: [ElectricFeet](https://wordpress.org/support/users/electricfeet/) * Last activity: [12 years, 7 months ago](https://wordpress.org/support/topic/menu-text-shadow/#post-4074355) * Status: not resolved