Modifying the menubar with custom CSS
- The topic ‘Modifying the menubar with custom CSS’ is closed to new replies.
Need help? Check out our Support site, then
Me again! You were quick and helpful last time, and I feel a bit lost in the jungle (especially when hosted on wordpress.com where you can’t really dig around as easily in files).
I want to fiddle a bit with colors, possibly transparency, and also margins/paddings of the menu containers. My problem is that I’m having a hard time finding the class/id that determines all this, so something like:
.menu-primary-container {
padding: 4px;
}
doesn’t make any difference. Could you help me identify which classes/id:s will need changing to alter menu colors (childmenu bars that is), transparency and spacing above and underneath the links?
Much appreciated,
Erik, a lost newbie.
The blog I need help with is: (visible only to logged in users)
Hi Erik,
You might want to target the menu with something like this:
.site-header .main-navigation { }
It really depends on exactly what kind of styles you are going for. There’s also a Custom CSS forum that might be helpful for locating these selectors and finding help with specific styles.
Bah, finally found it. I had already tried your selectors without any luck, as they were already at 0 height padding. The padding that did it for me was found in the
.site-header .main-navigation li ul a, .site-header .main-navigation li ul li a { }
selector haha. Quite hidden, especially when I inspected the element without right-clicking a dropdown link. Ah well, I’ll be self-sufficient from here, and I’ll scour the forums you linked for future reference.
Thank you for your help :)