Problem with box-shadow

Hi
Im trying to get box-shadow on my product image. i’m no expert in css, but learning.
when adding box-shadow to .product-image-wrap, only right shadow is visible, but adding margin: 1em 1em 1em; sorts it out.
my problem here is that is like the image “pops” into place when loading the site.

Hi,

Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS

.product-image-wrap  {
    box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.50);
}

Change box shadow as per your need.

You can set product image Theme Settings >Single Product > Images

Best Regards.

[lasse-3907]

thanks for the reply.
my problem is, that when i add box-shadow to .product-image-wrap, it looks like screenshot “1”

i can fix the problem by adding: margin: 1em 1em 1em to .product-image-wrap.
but i adds a new issue, that when loading the page, the product picture are loading the wrong dimensions first, and a second after it adds the margin. see screenshot 2 and 3.

is it possible to make i load with the margin first?
or do i need to fix the box-shadow problem width something else than margin?

• This reply was modified 2 years, 5 months ago by lasse-3907.

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to say but your WoodMart Theme and WoodMart Core plugin isn’t updated to the latest version. The latest version of the Theme running is 7.1.4 and the Core version running is 1.0.36.

Can you please once try to update your WoodMart theme and Core plugin to the latest version by following the given Theme’s Documentation link: https://xtemos.com/docs-topic/update-the-theme/ and then check back the issue again on your Site.

If the issue still persists after updating the Theme and Core plugin, then could you please once try deactivating all the third party Plugins on your Site, remaining the Theme required ones activated. If the issue gets resolved, then reactivate them one by one to see which Plugin is causing the issue. If this doesn’t work for you then once also, try to activate the Parent Theme on your Site if you are using Child Theme on your Site.

If somehow issue still persists, then please take complete Backup of your Site first, then provide us the permission to completely debug your Site which includes deactivating all the third party Plugins and removal of on-Site Customization changes too, so that we can thoroughly check this issue on your Site and assist you accordingly.

Best Regards.

[Author]

Posts