Home › Forums › WoodMart support forum › Icon + Text – Header menu

Icon + Text – Header menu

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 18, 2020 at 6:55 am #242461

    Zellsaint
    Participant

    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.
    November 18, 2020 at 10:42 am #242544

    Aizaz Imtiaz Awan
    Keymaster

    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.

    November 19, 2020 at 6:00 am #242753

    Zellsaint
    Participant

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

    Thanks!

    November 19, 2020 at 8:14 am #242797

    Aizaz Imtiaz Awan
    Keymaster

    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.

    November 20, 2020 at 6:18 am #243060

    Zellsaint
    Participant

    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!

    November 20, 2020 at 8:07 am #243088

    Aizaz Imtiaz Awan
    Keymaster

    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.

    November 22, 2020 at 7:23 pm #243657

    Zellsaint
    Participant

    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!

    November 23, 2020 at 7:06 am #243710

    Aizaz Imtiaz Awan
    Keymaster

    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
Viewing 8 posts - 1 through 8 (of 8 total)