Home › Forums › WoodMart support forum › Change color when hover on product categories

Change color when hover on product categories

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 13, 2019 at 8:47 am #132512

    DanyeL
    Participant

    Hi!
    I want to change the color of category title hover. I want to change the color from black to white, i tried to do this, but i wasn-t able to find the specific class to change this. Can you help me please?

    Thanks!

    July 13, 2019 at 1:22 pm #132530

    Elise Noromit
    Member

    Hello,

    Thank you very much for choosing our theme and for contacting us.

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .category-grid-item .category-title{
color:white;
}
body .category-grid-item .more-products{
color:white;
}

    If the code does not work, please provide page URL

    Best Regards

    July 13, 2019 at 2:37 pm #132542

    DanyeL
    Participant

    It doesn-t work.
    What i want to do is to change the color to white when hover is active, so when i hover on a box of product categories element ( like in the video ) i want the color to be white, but if i don-t hover the box i want to stay black.

    July 13, 2019 at 2:52 pm #132547

    Elise Noromit
    Member

    Hello,

    Please provide your site URL if the site is under construction, please provide admin access to the private area.

    Best Regards

    July 13, 2019 at 6:52 pm #132583

    DanyeL
    Participant

    Hello,

    Ok i`ll give you acces.

    Thanks!

    July 14, 2019 at 7:51 am #132604

    Elise Noromit
    Member

    Hello,

    1. Correct the mistakes in the Theme Settings > Custom CSS otherwise, any code you add would not work.

    2. Remove the classes from categories they are not correct custom category-title, awesome category-title:hover, nawesome category-title

    3. Add this code: 

    body .category-grid-item:hover .wrapp-category h3.category-title{
color:white;
}
body .category-grid-item .wrapp-category  h3.category-title{
color:black;
}

    Best Regards

    July 14, 2019 at 12:50 pm #132620

    DanyeL
    Participant

    It works!

    Thank you!

    Have a nice day!

    July 14, 2019 at 1:49 pm #132629

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Change color when hover on product categories’ is closed to new replies.