Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 9, 2018 at 7:55 pm #954129
    JPOsteen

    I’d like to accomplish these things when the mouse hovers over a link in the grid row tagged as awc_icons:
    1. Change the color of the icons
    2. Change the color of the text
    3. Remove the “link line” from under the text

    Thanks!

    May 10, 2018 at 6:53 pm #954768
    Nikko

    Hey JPOsteen,

    Thanks for providing the link.
    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top .awc_icons .flex_cell.av_one_third:hover span {
    color: yellow !important;
}

#top .awc_icons a {
    text-decoration: none !important;
}

    Just change the yellow color to anything that you’d like.
    Hope this helps :)

    Best regards,
    Nikko

    • This reply was modified 6 years, 7 months ago by Nikko.
    May 10, 2018 at 8:12 pm #954846
    JPOsteen

    Thanks @nikko, it worked perfectly!

    May 11, 2018 at 9:44 am #955121
    Nikko

    Hi JPOsteen,

    Glad that we could help. :)
    Feel free to comeback if you need further assistance.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Change Icon and Text color when hovering’ is closed to new replies.