[SOLVED] Removing Left Border / Padding from submenu
Hi,
Sorry if this was covered in another thread (I did search and didn't find exactly). Looking at this page: http://www.friedpotatopress.com/ In the sub menus, when not hovered, there is a 10px white border to the left of these items. When I hover, the intended blue background color covers this white area. I'd like that white strip to the left of the un-hovered sub-menu items to be black like the rest of the item's background. Here are the CSS inserts I have for this site, any quick adjustment to help fix this would be highly appreciated! div#menu1 { border: solid 0px; background: none; } div#menu1 ul.rMenu { background: none; border: none; } ul.rMenu-hor li { margin-left: 10px; } ul.rMenu a:link, ul.rMenu a:active, ul.rMenu a:visited, ul.rMenu a:hover { padding: 4px 20px; /* 4px top/bottom, 20px left/right padding */ padding-left: 20px!important; padding-right: 20px!important;} /* add formatting to submenu items */ div#menu1 ul.rMenu li ul.rMenu-ver li a:link { margin-top: 2px; font-size: 23px; padding-top: 12px; padding-bottom: 12px; font-weight: normal; margin-left: -10px!important; padding-left: -10px!important; } |
What you want to do is change the color of the unordered list. Try adding
HTML Code:
ul.rMenu ul { |
Perfect. Thanks!
|
All times are GMT -6. The time now is 02:03 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.