Docs

[Ronald]

Hello,

1: I am using ethos stack and want to change the hover color (products) from black to white, and the title from white to black. Please would you have a look and kindly send me the css modification needed to achieve this?

2: On the same, the hover effect needs some adjusting. We do not want the rating stars and removed it, now there is an empty space below the price, could you please assist in reducing the space below the price so that the hover effect don’t go up so much?

Credentials and link on private reply.

I appreciate your help.

[Ronald]

This reply has been marked as private.

[Lely]

Hi Ronald,

Thank you for the credentials.
1.)Please use this custom CSS:

.woocommerce li.product .entry-wrap:before,
.woocommerce li.product:hover .entry-wrap:before {
    background-color: rgba(255,255,255,0.75);
}
.woocommerce li.product .entry-header h3 a,
.woocommerce li.product .entry-header .price>.amount{
    color: #000;
}

2.) To adjust the space below the price please use this:

.woocommerce li.product:hover .entry-wrap {
    top: calc(100% - 6.385em);
}

Hope this helps.

[Ronald]

Awesome, I just checked and it works like a charm. Thanks so much.

Just one last thing, the “on sale item’s prices still uses the old colour, please can you assist again?

Login still the same.

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.woocommerce li.product .entry-header .price>ins>.amount {
   color:#000;
}

Hope that helps.

[intveld]

Hi guys,

Happy with this solution:
.woocommerce li.product .entry-wrap:before,
.woocommerce li.product:hover .entry-wrap:before {
background-color: rgba(255,255,255,0.75);
}
.woocommerce li.product .entry-header h3 a,
.woocommerce li.product .entry-header .price>.amount{
color: #000;
}

If I would like to change the background-color in to transparent
is it just
background-color: transparent:

Thanks for your support.
Ton

[Rue Nel]

Hello Ton,

Thanks for updating in! Yes you are right. Simply change the rgba or hex colors into transparent.
If you need anything else we can help you with, don’t hesitate to open another thread.

Best Regards.

[Author]

Posts