Return to previous page

Box Shadow On Hover by Edit Product Grid/list Widget

This topic has 2 replies, 2 voices, and was last updated 4 months, 3 weeks ago ago by Tony Rodriguez

Sam

Participant

June 24, 2024 at 06:55

I use the Edit Product Grid/list widget by elementor. I want to edit Box Shadow On Hover but cannot find this setting in elementor.
Another is the Xstore Theme Options Woocommerce (Shop) setting location where I edit the shop setting but cannot change anything.
How do I do?
Thank you.

Files is visible for topic creator and
support staff only.

#401141 Copied Theme version: 9.3.13

1 Answer
Tony Rodriguez

Support staff

June 24, 2024 at 07:53
Hello, @Sam,

Thank you for contacting us and for using XStore.

1/ We are reaching out to provide assistance with your inquiries regarding the customization of the Product Grid List Widget and the Elementor Layout settings on your website.

1. **Adding a Box Shadow to the Product Grid List Widget:**

To implement a box shadow effect, please insert the following CSS code into your website:
```
   .etheme-product-grid-item:hover {
       box-shadow: 0 0 10px 3px rgba(0, 0, 0, .1);
       z-index: 2;
       transform: translateY(-5px) scale(1.007);
   }
```
You can add this code by navigating to: Xstore > Theme Options > Theme Custom CSS > Global CSS. For a preview of how this will appear, please visit this link: [View Result](https://paste.pics/edit/R8IPK).

2. **Updating Settings Using Elementor Layout for the Shop Page:**

Upon reviewing your site, we noticed you are utilizing the Elementor Layout for your shop page. To make necessary adjustments:
– Go to: Xstore > Xstore Builders > Product Archive Page.
– Edit the Current Active Product Archive (shop) Page as per your requirements.
– Click “Update” to save the changes.

Please note that Theme Options > Shop options will not be applicable if you are using the Custom Elementor Layout for the shop page.

We trust this information will assist you effectively. Should you need any further help or clarification, please feel free to contact us.

Best Regards,
The 8Theme Team
#401156 Copied
Tagged: box shadow hover, customize woocommerce, edit product grid widget, enhance product list, woocommerce templates, wordpress
Viewing 2 results - 1 through 2 (of 2 total)