Search in:
Suggested Search: installation, configuration
Search in:
Suggested Search: installation, configuration

Icon colour

Home › Forums › Pro Support › Icon colour

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 7, 2018 at 2:35 pm #67968
    Anonymous

    Hello!

    Is it possible to change to colour of the icon of a menu item? It now uses to colour of the text but I want it to be something different.

    Thanks in advance!

    August 7, 2018 at 2:37 pm #67971
    Peter FeatherstonePeter Featherstone
    Participant

    Hey Robert,

    Sure, you can use the below CSS for that:

    #responsive-menu-pro-container li.responsive-menu-pro-item a .fa {
   color: red;
}

    I hope that helps

    Peter

    August 9, 2018 at 3:38 pm #67970
    Anonymous

    Works perfectly. I do have a question though. Is it possible to give each icon a different color?

    August 9, 2018 at 9:53 pm #67969
    Peter FeatherstonePeter Featherstone
    Participant

    Hey Robert,

    Excellent. Yes, it is possible. You will just need to adapt the CSS to match each item individually.

    For example you could do the below, replacing each menu ID with your own:

    #responsive-menu-pro-container li#responsive-menu-pro-item-7756 a .fa {
   color: red;
}

#responsive-menu-pro-container li#responsive-menu-pro-item-7757 a .fa {
   color: blue;
}

    All the best

    Peter

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Icon colour’ is closed to new replies.