Solved Templates

Submenu Items text

Asked by Jose I Zuniga 3 years ago Last activity 3 years ago

How can i modify the text on the submenu items shown on the image.

Thanks

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
3 years ago

Use this custom CSS in your custom.css file

.sp-module ul>li>a {
  color: black !important; 
  font-size: 10pt !important; 
  font-weight: bold !important}
}

.menu-separator {
  color: black !important; 
  font-size: 10pt !important; 
  font-weight: bold !important}
}
.sp-megamenu-parent .sp-mega-group > li > a{
    color: black !important; 
  font-size: 10pt !important; 
  font-weight: bold !important
}

2 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
3 years ago

Hi

Thanks for contacting us. You can change it from all menu items, follow this screenshot below:

https://prnt.sc/7cbWfLbxpPk8

https://prnt.sc/bKX1zok2-Y9F

-Regards.

Jose I Zuniga Asked this
3 years ago

Im very sorry i should have been more specific. i meant that i would like to be able to change font styles (size, color ect)

i was able to make some changes to the level 2 submenu item text using custom css line

.sp-megamenu-parent .sp-mega-group > li > a {color: black; font-size: 14pt; font-weight: bold}

but im not sure how to change level 3 submenu items. i tried the line below but it didnt work

.sp-megamenu-parent .sp-mega-group > li > ul> il> a {color: black; font-size: 10pt; font-weight: bold}

Jose I Zuniga Asked this
3 years ago

thank you.

Mehtaz Afsana Borsha Staff
3 years ago

You are most welcome.

Log in to reply.