I have a website wilt Joomla4+Helix+SPPagebuilder: https://www.zorgboerderijwillemshoeve.nl/index.php/home-page/home-page-color-scheme-2
I want to change the appearance of the menu items:
Or is it only possible with custom css?
Hubert
It's task beyond support, but I can give you basic start at least
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
padding: 5px 15px !important;
line-height: 24px;
background: #D0C38F;
margin: 0 10px;
border-radius: 10px;
}
.sp-megamenu-parent > li > a:hover {
background: #A6826C;
color: #F7F2D3 !important;
}
.sp-megamenu-parent > li.active> a {
background: #AABBA1;
color: #F7F2D3 !important;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
background: #D0C38F;
border-radius: 10px;
padding: 10px;
}After using it
Hoi Hubert,
yes, only via custom CSS this time.
BTW
Font-weight you can change in Template Option - Typography - now you have value 600 for Navigation , you can set 300 to set slim fonts. Using bold for menu - is not recommended. In my above CSS code you have different background color for hover and active menu item. I think you should like it.
Prettige dag!
Thnx a lot for the support. It works like a charm.
Hubert
yes, I can confirm.
You're welcome.