Different Colors Im Menu - Question | JoomShaper

Different Colors Im Menu

OK

Omo Kobsen

SP Page Builder 11 months ago

How to make different Colors for the menu items?

like kidzy

0
5 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 11 months ago #117880

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.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 11 months ago #117785

Hi

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

-Regards.

0
OK
Omo Kobsen
Accepted Answer
11 months ago #117788

https://postimg.cc/gallery/TPB2Yhf

here are 3 screenshots and this is the site: https://gertk.omshots.com/

0
OK
Omo Kobsen
Accepted Answer
11 months ago #117929

Many Thanks! <3

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 11 months ago #118010

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

0