Removing shade background effects from transparent images

Ask the community
1

When I use a transparent image on a web page it gives me these small shadow lines and I cant seem to find a way to remove them, I use *.png images, they are transparent but have this little shadow which doesn’t look great. (Picture attached)

Product:
Wix Studio Editor.
sample

3

Hi, Paul_Jackson1 !!

First, please click on the image, and then select “Shadow” from the element settings panel on the right side of the screen. There should be a toggle button for “Add Shadow” within that. Let’s try this method for now.

4

Hi One, sorry for delay Ive been away, thanks for the answer, I cant find a toggle shadow option, there is a shadow slider but it doesn’t seem to effect the edges of the image.

5

Hi, Paul !! Long time no see!

Indeed, when you add an image to a page in Wix Studio, shadows tend to appear automatically. I’m not sure why this happens either, but if you write the following CSS in the global.css file, the shadows on the images can be removed. :wink:

// in global.css

.image {
    box-shadow: none;
}

↓ About global.css file. ↓ :blush: