Certainly possible, but as to the specifics, it depends on your theme/site. If you post a link to it, someone can likely help you more specifically.
Thread Starter
dwtbc
(@dwtbc)
Here is the link to the wordpress site as it is for now.
http://www.danieldoktor.dk/daniel/
How would you go about making the bottom border and submenus in different colors?
Daniel
If you look at each menu item HTML code, there is a unique id — for example this for the first one on your page:
<li id="menu-item-42" ...
You can use that id to target the CSS code specifically to that item:
.menu li#menu-item-42 {
border-bottom: 4px solid #C92127;
}
Same concept for the drop down background colors.
Thread Starter
dwtbc
(@dwtbc)
Thank you for answering so fast!
I have tried somthing like, but maybe it wasn’t called correct.
What about the submenus, how would you call them?
Daniel
Try this:
.menu li#menu-item-39 ul {
background: none repeat scroll 0 0 #XXXXXX;
}
Obviously, you’ll need to change the menu item numbers/color for each drop-down.
Thread Starter
dwtbc
(@dwtbc)
God dammit! 🙂
It worked on the borders!!!!
Thank so much!!!
I will try the css you posted on the submenu.
Initially I was thinking of doing it like this:
.menu li#menu-item-39.sub-menu {
background: #00AEEF;
}
would that work?
No, because the .submenu
class is assigned to the ul element:
<ul class="sub-menu" ...
so in the CSS, it would need to be:
ul.sub-menu
So it would need to be:
.menu li#menu-item-39 ul.sub-menu {
background: #00AEEF;
}
Thread Starter
dwtbc
(@dwtbc)
Okay thank you!!
You were a great help, and it is working now.
I have spend 4 hours on this, so you made my day!
Thank you again
You’re welcome — glad to. And it looks great, BTW.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Good work Dwtbc and WPyogi ☺