View Single Post
  #2  
Old 09-19-2019, 09:27 AM
Ksenia Avdonina's Avatar
Ksenia Avdonina Ksenia Avdonina is offline
Ecwid Team
 
Join Date: Jul 2019
Posts: 16
Default

Hello Rowan,
This is Xena, Ecwid Customer Care team. Thanks for your message!

I've checked your website (http://warmm.co.uk/) and see what you mean. Right now when you hover over a product tab, it overlaps the "SHOP" text due to its background colour.

I've created a code for you that fixes this behaviour. To paste it, please follow the instruction below:

1. Go to Ecwid Control Panel → Design and click on Edit Theme.
2. Paste the following code to your already existing CSS theme:

HTML Code:
.ec-size .ec-store .grid-product__picture-additional--opaque {
    background-color: transparent}
.ec-size .ec-store .grid-product--has-shadow .grid-product__shadow {
    display: none;}
Just in case, I've removed the shadow of the product tab as well.

3. Save the changes.

As you follow the steps above, the background colour on hover will be removed from a product grid as well as the shadow of the product tabs. I've recorded a screencast of the result, please follow the link to view it: https://ecwid.d.pr/bKwMPa

Hope I was helpful! If you have any other questions, please feel free to contact us.
__________________
Warmly,
Xena

Ecwid Customer Care team