How to change Menu Link Color

Hi @carmeloidone,

To set a custom color, inside the Customizer open the Additional CSS panel and paste the following code by replacing #000 with your desired color:

body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu > li > .ancestor-wrapper > a {
    color: #000;
}

This code changes the color of the links for the primary and expanded/mobile menus.

I hope the above is useful to you.

Thanks Twentig ????
…it works!

I thought they would also settle for the social icons of the footer (and Menu), but no.
For those?

Ps: sorry for my elementary english and for my ability to work with Css ??

Hi @carmeloidone,

If you use the default Social Icons Style, here’s the code (replace #000 with your desired color):

body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu > li > .ancestor-wrapper > a, .footer-menu a {
	color: #000;
}

.social-icons a {
	background-color: #000;
}

If you have changed the Social Icons Style and use Logos Only, here’s the code (replace #000 with your desired color):

body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu > li > .ancestor-wrapper > a, .footer-menu a, .social-menu li {
	color: #000;
}

Have a nice day.

Thankyou thankyou @twentig!

You’re very kind! ??

See you soon,

Carmelo

Hi @carmeloidone,

You’re welcome! If you enjoy Twentig, please leave us a review. We’d really appreciate it.

Have a nice weekend.