The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 09-18-2019, 11:00 AM
Rowan @ WARMM's Avatar
Rowan @ WARMM is offline
Junior Member
 
Join Date: Nov 2018
Posts: 6
Default

Product background on hover


Hi,

I am trying to make the product on my product browser not have a background colour when they are hovered over.

I have tried
.grid-product__image-wrap:hover {
background-color: transparent !important;
}

however this did not work

Here is a link to my store - http://warmm.co.uk

Thanks,
Rowan
  #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
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
css, html

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 06:14 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.