Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 3, 2019 at 7:55 pm #1133523
    empiread201

    HI, I have some boxes with icons and text under my slider that links to internal pages. I want them to change color or just opacity when you hover over them. I’ve tried adding custom classes etc. and am having trouble getting it to work.

    September 4, 2019 at 1:38 pm #1133829
    Rikard

    Hey empiread201,

    Do you want to change the background of the box or only text/icon?

    Best regards,
    Rikard

    September 4, 2019 at 2:51 pm #1133868
    empiread201

    Well, maybe just the background, but could you explain how to change the icon too?
    I’m not sure what they want other than just to indicate it’s clickable a little more.

    September 4, 2019 at 8:48 pm #1134086
    Victoria

    Hi empiread201,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.home #av_section_1 .av_one_fourth:hover img,
.home #av_section_1 .av_one_fourth:hover h5 {
    color: #ccc;
    opacity: 0.5;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 6, 2019 at 3:02 pm #1134950
    empiread201

    That worked! Thanks!

    September 7, 2019 at 10:23 am #1135294
    Vinay

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Please bookmark Enfold Documentation for future reference.
    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Make icon & text link react on hover’ is closed to new replies.