Viewing Navigation widget: how to increase vertical space between drop-down items?

Navigation widget: how to increase vertical space between drop-down items?



User: UncleTod 11 years ago
When the nav widget creates top level and sub level links to pages, the vertical spacing between each menu item is much to narrow. Is there a way of increasing the space between, similar to increasing space between paragraphs? I've not been successful when I tried various options in the Inspector for Text or Widget.

Any ideas?

Thanks

2014-06-11_2233.png
User: Roddy 11 years ago
To adjust the top/bottom padding on the drop down specifically, paste this into the site wide Head Code box in the Site Publishing Settings page.

Adjust the values for padding-top and padding-bottom to suit.

<style type="text/css">
#navmenu_menu0 ul ul li a,
#navmenu_menu0 ul li.active li a,
#navmenu_menu0 ul li:hover ul li a,
#navmenu_menu0 ul li.hover ul li a {
padding-top:5px;
padding-bottom:5px;
</style>

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
✔ Best Answer  
User: UncleTod 11 years ago
@ Roddy: Many thanks, man. Your style segment above did the trick. Took less than a minute to copy, paste, change two values, save, preview. Awesome!

-Tod
User: UncleTod 11 years ago
Post #3 was duplicated as Post #4

Deleted duplicate post.

Last edit 11 years ago


Post Reply
You must login or signup to post.