I'm looking to be able to choose my own colors for the dropdown menus, but still keep my Lumi Theme. Can anyone help me this that?
:dmg:dark: Wishlist! :dmg:dark:
💃💃
Seasonal Events
💋💋
💃💃
[tp=Itachi_Siller] // [egg=Itachi_Siller] // //
Here's a basic version! I don't have Luminaire theme active right now let me know if there's any issue :)
/* custom nav menu dropdown */
.menu-btn ul {
background-color: white;
border: 1px solid black;
}
.menu-btn ul li {
border-bottom: 1px solid black;
}
.menu-btn ul li a {
color: purple;
}
[edit]Of course you need to use a colour picker to replace black, white, and purple with your own hex codes.
Omg thats perfect. I also was able to add font size to it too. Thank you so much.
:dmg:dark: Wishlist! :dmg:dark:
💃💃
Seasonal Events
💋💋
💃💃
[tp=Itachi_Siller] // [egg=Itachi_Siller] // //
How did you add font size to it, I want font slightly bigger? I used Sorcerer's code from above. So what code did you use for the font size?
Add it to the second section (.menu-btn ul li) here's an example /* custom nav menu dropdown */
.menu-btn ul {
background-color: white;
border: 1px solid black;
}
.menu-btn ul li {
border-bottom: 1px solid black;
font-size: 13px;
line-height: 1.3;
}
.menu-btn ul li a {
color: purple;
}
The default font size is 11px. The "line-height: 1.3" controls vertical spacing between each menu link, 1.5 is the default for that.