Cosmic Posted November 10, 2015 Share Posted November 10, 2015 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. Link to comment Share on other sites More sharing options...
ABGenc Posted November 10, 2015 Share Posted November 10, 2015 .ipsNavBar_secondary { height:40px } I think :) Link to comment Share on other sites More sharing options...
Cosmic Posted November 10, 2015 Author Share Posted November 10, 2015 thanks, but no ... it's nothing of the possibilities between .ipsNavBar_secondary and .ipsNavBar_secondary > ul > li > a (all of which i've tried). Link to comment Share on other sites More sharing options...
ABGenc Posted November 10, 2015 Share Posted November 10, 2015 Interesting, when I Inspect the element and change the height it directly affects as seen below Link to comment Share on other sites More sharing options...
Cosmic Posted November 10, 2015 Author Share Posted November 10, 2015 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. Link to comment Share on other sites More sharing options...
ABGenc Posted November 10, 2015 Share Posted November 10, 2015 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; } Link to comment Share on other sites More sharing options...
Cosmic Posted November 10, 2015 Author Share Posted November 10, 2015 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. Link to comment Share on other sites More sharing options...
ABGenc Posted November 10, 2015 Share Posted November 10, 2015 Finally I was able to address Glad it helped :) Link to comment Share on other sites More sharing options...
abetts Posted May 4, 2016 Share Posted May 4, 2016 On a similar theme (gettit!), what do I need to change in the css to reduce the horizontal padding in the main menu please? Link to comment Share on other sites More sharing options...
steve00 Posted May 4, 2016 Share Posted May 4, 2016 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 Link to comment Share on other sites More sharing options...
abetts Posted May 4, 2016 Share Posted May 4, 2016 Perfect, thank you Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.