Set shadow for some images, but not all - Sense Theme

[MaxMedReady]

Hi there,

When I am Customising my Theme, and I am inside the Theme Settings, I try to edit the opacity of Shadow inside Media, but this changes the shadow on every image/media on my website.

Essentially:

• I just want to make images that I paste into my Page Content to NOT have a shadow.
  However
• I wish to keep the shadow for things like my ‘Image With Text’ Sections, that I set up through the Theme Editor.

[MarinaPetrovic]

Hi @MaxMedReady , please share your url.

[MaxMedReady]

https://medreadyaustralia.myshopify.com/
pass: baimee

[MarinaPetrovic]

Hi @MaxMedReady , go to edit code > assets > component-rte.css. Find this element:

.rte img {
    height: auto;
    max-width: 100%;
    border: var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));
    border-radius: var(--media-radius);
    box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity));
    margin-bottom: var(--media-shadow-vertical-offset);
}

And replace it with:

.rte img {
    height: auto;
    max-width: 100%;
    border: var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));
    border-radius: var(--media-radius);
}

Your logo is an exception (you’ve added your logo as one of the images on pages/about ) because it have this shadow on the image, it’s not added through code.

[MaxMedReady]

Thank you