Icon + Text – Header menu

Hi!

I would like to add an icon next to text on menu. Is that posible?

I show u and image of part of my menu. Each text should have an icon.

Thanks!

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

If you want to add icons with the menu then you can edit the menu item and add font-awesome icon class to it.

Screenshot for Clarification: https://prnt.sc/vlds02

Regards.
Xtemos Studios.

And, Is it posible to change the colour of those icons? Coz I´m seeing that all of them are black.

Thanks!

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.woodmart-navigation .menu li a i {
	color: red;
}

Regard’s.
Xtemos Studios.

Hi,

Thanks for the answer, It works perfectly but If I wanted to have only one coloured icon instead of all of them, How could I do that?

Thanks!

Hello,

You are Most Welcome.

Please provide with the URL of the website and a screenshot of which icon you want to change the color to check it myself and help you out accordingly.

Regards.
Xtemos Studios.

Hi!

I don´t want to change the colour of specific icon right now because I´m developing the website.

I would like to know how to do it to be able to change anytime I want.

Thanks!

Hello,

There is no option in Theme Settings to change the color of the icon. You need to do it using Custom CSS.

So you need to use the menu item class to change the icon color.

For example, the bellow Custom CSS will change the color of the icon whose id will be “402”

#menu-item-402 .fa.fa-envelope-o::before {
	color: green !important;
}

You can adjust the menu item class according to your needs. If you are unable then provide with the URL of the website check it myself and help you out accordingly.

Best Regards.

[Author]

Posts