BeShop - Adding Individual Product Shadow

supportjace

I am using beshop to display products and I would like to add a shadow around each individual product.

The options are there for placing shadow around entire block of products, but I would like to add around each product.

Wordpress 5.8.2

Woocommerce 6.0

Betheme 25.1.6.1

Phil

Hello,

You can achieve that by writing a custom CSS code and placing it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

If you need help with writing it, please, let me know, but I will need a link to your website.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

supportjace

I practiced with a few, but couldn't get it to work. If you could help with code, that would be greatly appreciated.

Link: https://jaceclinical.com/products

Phil

Please, use the following code:

.products .image_frame{
   -webkit-box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
-moz-box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

supportjace

Absolutely fantastic! Worked perfectly. Thanks so much for taking the time to write that out for me!

Phil

I am always happy to help.

If you have any other questions or problems, please, let me know.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next