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
  • #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

    #378373

    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

    #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?

    #378430

    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

    #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…

    #378620

    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

    #378649

    juliette
    Participant

    This works perfectly.

    Thanks a lot!

    #378688

    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.

Tagged: , , ,

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

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