Return to previous page

Add the shadow effect by default on hover over product images

This topic has 6 replies, 2 voices, and was last updated 9 years, 9 months ago ago by Eva Kemp

sorin.manica

Participant

February 3, 2015 at 15:25

Hello!

I have a client that thinks the right / left arrows (for products that have multimple pictures) are almost invisible. These arrows appear on any product on-hover (in any product listings, like this), alongside the wishlist / quickview features.

So can you please give me a .css code to show by default also the shadow bar / effect for the arrows, and not only when hovering the arrow area?

Hope I’ve made myself clear. Thanks 🙂

#39165 Copied

5 Answers
Eva Kemp

Support staff

February 3, 2015 at 16:17
Hello,

Please add this code in custom.css file:
```
.sm-arrow {
   display: block;
   background-color: #EDEBED;
}
```
Thank you.
Regards,
Eva Kemp.
#39188 Copied
sorin.manica

Participant

February 3, 2015 at 16:58

Sorry, but it seems I didn’t made myself clear. I apologize.

I need for that transparent gray to appear not only for the Quick View (& Wishlist) when hovering, but also for the right / left arrow. Right now the mouse must hover the arrows for that effect to appear. I need for the arrow area to be highlighted when hovering in any spot on the picture preview.

Is it possible? Thank you again 🙂

#39206 Copied

Eva Kemp

Support staff

February 3, 2015 at 17:33

Hello,

Unfortunately there is no such possibility as you want.
Please take our apologies.

Regards,
Eva Kemp.

#39213 Copied

sorin.manica

Participant

February 3, 2015 at 18:16

Ok, no problem, thank for the input.

#39218 Copied

Eva Kemp

Support staff

February 3, 2015 at 19:51

Hello,

You’re welcome.

Regards,
Eva Kemp.

#39252 Copied
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Add the shadow effect by default on hover over product images’' has been successfully resolved, and the topic is now closed for further responses

Add the shadow effect by default on hover over product images

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection