Title: Menu Border Problem Last modified: August 21, 2016 --- # Menu Border Problem * [floydstime](https://wordpress.org/support/users/floydstime/) * (@floydstime) * [12 years, 3 months ago](https://wordpress.org/support/topic/menu-border-problem/) * Hello all, I am new to wordpress and I have a functioning site except for one problem. My menus border will not wrap around the whole menu leaving the bottom portion bare. It appears that my theme, Zenon Pro has a color scheme that overrides the bottom border to make it 12px in style.css, but when I change it to 1px and change the color to black, it doesn’t update it. My site is [fourlittleducks.net](http://fourlittleducks.net) and I would really appreciate it if someone could tell me what I am doing wrong or if I need to add some code to overide it. My site looks great, except for this one problem… Viewing 15 replies - 1 through 15 (of 20 total) 1 [2](https://wordpress.org/support/topic/menu-border-problem/page/2/?output_format=md) [→](https://wordpress.org/support/topic/menu-border-problem/page/2/?output_format=md) * [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/) * (@crouchingbruin) * [12 years, 3 months ago](https://wordpress.org/support/topic/menu-border-problem/#post-4620061) * In your CSS, delete this rule: * ``` #topmenu { border-bottom-color: #fceaf0!important } ``` * Was this rule added through some custom CSS option in your theme? * In your style.css file, there’s this rule: * ``` #topmenu{ width:998px; border:1px solid #ececec; background:#fff; height:60px; text-align:center; border-bottom:12px solid #ececec; } ``` * Delete the **border-bottom** property from this rule altogether, or override it in your theme’s custom CSS option. * By the way, you should not be editing your theme files directly. Instead, you should be working from a [child theme](http://codex.wordpress.org/Child_Themes) so that your changes aren’t lost if the theme gets upgraded. If you are just making CSS changes through your theme’s custom CSS option, then you don’t have to work from a child theme. * Thread Starter [floydstime](https://wordpress.org/support/users/floydstime/) * (@floydstime) * [12 years, 3 months ago](https://wordpress.org/support/topic/menu-border-problem/#post-4620114) * Thank you CrouchingBruin, I have a problem, though I attempted to create a child css, but I get this error during live preview… * Warning: require_once(/home/floydstime/fourlittleducks.net/wp-content/themes/ zenon-child/admin/options-framework.php) [function.require-once]: failed to open stream: No such file or directory in /home/floydstime/fourlittleducks.net/wp- content/themes/zenon/functions.php on line 459 * Fatal error: require_once() [function.require]: Failed opening required ‘/home/ floydstime/fourlittleducks.net/wp-content/themes/zenon-child/admin/options-framework. php’ (include_path=’.:/usr/local/lib/php:/usr/local/php5/lib/pear’) in /home/ floydstime/fourlittleducks.net/wp-content/themes/zenon/functions.php on line 459 * Thread Starter [floydstime](https://wordpress.org/support/users/floydstime/) * (@floydstime) * [12 years, 3 months ago](https://wordpress.org/support/topic/menu-border-problem/#post-4620116) * Oh yes the rule was added as a the secondary theme color. * Thread Starter [floydstime](https://wordpress.org/support/users/floydstime/) * (@floydstime) * [12 years, 3 months ago](https://wordpress.org/support/topic/menu-border-problem/#post-4620118) * Ok, so I deleted the line, but now there is no boder at the bottom, so I changed the code to this ‘border-bottom:1px solid #824f53;’ , but there is still no border at the bottom, but at least that weird color block as deleted, any ideas? * [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/) * (@crouchingbruin) * [12 years, 3 months ago](https://wordpress.org/support/topic/menu-border-problem/#post-4620119) * I still see this rule in your CSS: * ``` #topmenu { border-bottom-color: #fceaf0!important; } ``` * It’s this rule that’s keeping the bottom of the border a light pink color, and overriding the property that you put in. Can you find it in your theme’s custom CSS option field? * Thread Starter [floydstime](https://wordpress.org/support/users/floydstime/) * (@floydstime) * [12 years, 3 months ago](https://wordpress.org/support/topic/menu-border-problem/#post-4620120) * It’s not in my style.css am I looking in the wrong place? * [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/) * (@crouchingbruin) * [12 years, 3 months ago](https://wordpress.org/support/topic/menu-border-problem/#post-4620121) * That is correct, it is not in your style.css file. If you do a **view source** on your web site, you’ll see a bunch of inline CSS towards the top of the page( although all of the rules are mashed together). That’s why I asked if the theme has a custom CSS option field; many themes will allow you to add your own CSS through this option field instead of having to modify the style.css file. Or is it possible you installed a CSS plugin? How did you change the background color to light blue? It’s in the same section of CSS. * Thread Starter [floydstime](https://wordpress.org/support/users/floydstime/) * (@floydstime) * [12 years, 3 months ago](https://wordpress.org/support/topic/menu-border-problem/#post-4620122) * Ok so I think I might have found something. In the skins.php I found this under secondary color… * #topmenu{ border-bottom-color:!important;} * I deleted it and it seems to have fixed the problem on every other page, but the main page with the slider. I noticed the slider was bumped against the menu, so I placed a margin on the top of the slider, but to no avail, there is still no bottom border on the main page. I think I am going to seriously pull my hair out. * [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/) * (@crouchingbruin) * [12 years, 3 months ago](https://wordpress.org/support/topic/menu-border-problem/#post-4620123) * The menu on the home page actually looks OK to me, now. Maybe you have to clear your browser’s cache to see it. * [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/) * (@crouchingbruin) * [12 years, 3 months ago](https://wordpress.org/support/topic/menu-border-problem/#post-4620124) * It doesn’t look OK on the _Four Little Ducks Take a Walk_ page, though. Weird… * Thread Starter [floydstime](https://wordpress.org/support/users/floydstime/) * (@floydstime) * [12 years, 3 months ago](https://wordpress.org/support/topic/menu-border-problem/#post-4620125) * I think I just fixed it… I also found this * #zn_slider, #sidebar .widgettitle, #sidebar .widgettitle a{border-color:;} * I took out, #topmenu ul li ul, hopefully, that did it… before you looked at it lol * Thread Starter [floydstime](https://wordpress.org/support/users/floydstime/) * (@floydstime) * [12 years, 3 months ago](https://wordpress.org/support/topic/menu-border-problem/#post-4620126) * Last question, BTW you are awesome, What if I wanted to wrap the borders on the submenu the same way they are on the topmenu… How would I do that… * [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/) * (@crouchingbruin) * [12 years, 3 months ago](https://wordpress.org/support/topic/menu-border-problem/#post-4620127) * Try adding this CSS rule: * ``` .sub-menu .menu-item { border: 1px solid #ececec; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } ``` * If you don’t want rounded corners, take out the last three properties (all the ones that say **radius**). Or you can make the corners a little less rounded, like 4px instead of 8px. * Thread Starter [floydstime](https://wordpress.org/support/users/floydstime/) * (@floydstime) * [12 years, 3 months ago](https://wordpress.org/support/topic/menu-border-problem/#post-4620128) * I love it! I was thinking we were going for a straight line down with a rounded border at the bottom, but I like this better!! I am going to try the 4px radius and see what that looks like! * Thread Starter [floydstime](https://wordpress.org/support/users/floydstime/) * (@floydstime) * [12 years, 3 months ago](https://wordpress.org/support/topic/menu-border-problem/#post-4620129) * New problem, I used the same rule to put a border around the slider, but the top two corners do not have a radius? Viewing 15 replies - 1 through 15 (of 20 total) 1 [2](https://wordpress.org/support/topic/menu-border-problem/page/2/?output_format=md) [→](https://wordpress.org/support/topic/menu-border-problem/page/2/?output_format=md) The topic ‘Menu Border Problem’ is closed to new replies. ## Tags * [border](https://wordpress.org/support/topic-tag/border/) * 20 replies * 2 participants * Last reply from: [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/) * Last activity: [12 years, 2 months ago](https://wordpress.org/support/topic/menu-border-problem/page/2/#post-4620152) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics