Change Menu Appearance Without Css
H
H
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:
- have all items have a rectangular colored background( button like)
- change font weight when hoovered or activated Can I do this with settings? I have not been able to find them.
Or is it only possible with custom css?
Hubert
5 Answers
Order by
Oldest
Paul Frankowski
Accepted AnswerIt'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
Paul Frankowski
Accepted AnswerBTW
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!