Invision Community 4: SEO, prepare for v5 and dormant account notifications Matt November 11, 2024Nov 11
Posted November 10, 20159 yr is anyone able to tell me how I can address the CSS for the margin/padding on secondary menu items? I want to narrow the gap between the items. Thanks in advance.
November 10, 20159 yr Author thanks, but no ... it's nothing of the possibilities between .ipsNavBar_secondary and .ipsNavBar_secondary > ul > li > a (all of which i've tried).
November 10, 20159 yr Interesting, when I Inspect the element and change the height it directly affects as seen below
November 10, 20159 yr Author yep - but you're addressing just the horizontal bar, and not the menu items displayed on that horizontal bar. It's the actual menu items I want to change, specifically the margins or paddings between them.
November 10, 20159 yr Ok I get it now. Then it seems ; .ipsNavBar_secondary > li > a { color: rgba(50,50,50,0.6); font-size: 13px; padding: 12px 18px 8px; border-bottom: 2px solid transparent; }
November 10, 20159 yr Author Yep,that's it. Brilliant, thank you. I tried that combination, but with a 'ul' in there as well - which must have been my error.
May 4, 20168 yr On a similar theme (gettit!), what do I need to change in the css to reduce the horizontal padding in the main menu please?
May 4, 20168 yr 12 minutes ago, abetts said: On a similar theme (gettit!), what do I need to change in the css to reduce the horizontal padding in the main menu please? .ipsNavBar_primary > ul > li > a { padding: 9px 25px; } change the 25px to your own requirements
Archived
This topic is now archived and is closed to further replies.