Home › Forums › WoodMart support forum › Change hover color of header icons

Change hover color of header icons

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 23, 2022 at 6:15 pm #378142

    juliette
    Participant

    Hello,

    I would like to change the hover color of my header icons (wishlist, my account, cart, search icons). The hover color is currently a grey that I don’t have set up in theme settings.
    Is this something that I can customize?

    Thank you

    May 24, 2022 at 1:45 pm #378373

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

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

    span.wd-tools-icon:hover::before {
    color: red;
    }

    Best Regards

    May 24, 2022 at 1:52 pm #378374

    juliette
    Participant

    Hello Aizaz,

    Thanks a lot it works perfectly.

    I have the same question for the “add to wishlist” and “size guide” buttons on single product pages. Is there a line of code I could add to customize their hover color as well?

    May 24, 2022 at 3:54 pm #378430

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    You are Most Welcome.

    Please try adding the following Custom CSS for that.

    .wd-action-btn.wd-style-text>a:hover:before {
    color: red;
}

    Best Regards

    May 24, 2022 at 4:25 pm #378450

    juliette
    Participant

    Thanks!
    This code changed the hover color of wishlist and size guide icons but not of the text. A little something is probably missing in the code…

    May 25, 2022 at 10:31 am #378620

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    You are Most Welcome.

    Please replace the previous Custom CSS with the following then check back.

    .single-product .wd-action-btn.wd-style-text>a:hover {
    color: red;
    }

    Best Regards

    May 25, 2022 at 12:10 pm #378649

    juliette
    Participant

    This works perfectly.

    Thanks a lot!

    May 25, 2022 at 1:10 pm #378688

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    We are Glad that you loved our Theme and Support Staff. We wish you all the best.

    If you do not mind, can you please leave a 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot. If you like our Theme and Support.

    Thanks for contacting us.
    Have a great day :-)

    Topic Closed.
    Best Regards.

  • Author
    Posts

Tagged: , , ,

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Change hover color of header icons’ is closed to new replies.