Different Colors im Menu - Forum | JoomShaper
Solved SP Page Builder

Different Colors im Menu

Asked by Omo Kobsen 3 years ago Last activity 3 years ago

How to make different Colors for the menu items?

like kidzy

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
3 years ago

Use this custom CSS


.sp-megamenu-parent >li:nth-child(n) > a {
    color: #8ac53f !important;
}
.sp-megamenu-parent >li:nth-child(2n) > a {
    color: #2ab0ba !important;
}
.sp-megamenu-parent >li:nth-child(3n) > a {
    color: #f1c712 !important;
}
.sp-megamenu-parent >li:nth-child(4n) > a {
    color: #ed117d !important;
}
.sp-megamenu-parent >li:nth-child(5n) > a {
    color: #92278f !important;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

4 more replies

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

Hi

Thanks for contacting us. Could you please give me your site URL and also screenshot of your issue?

-Regards.

Omo Kobsen Asked this
3 years ago

Many Thanks!
<3

Mehtaz Afsana Borsha Staff
3 years ago

You are most welcome. You can now close this post by accepting the answer.

Log in to reply.