Hello, I have a code for ridding the shadow on the image box on a text+image no overlap. But when I do “overlap” it doesn’t work. Is there a way to get rid of the shadow on the image box when in “overlap”
1 Like
Hi there,
Here’s some custom CSS you can add:
.image-with-text__media.image-with-text__media--adapt.gradient.color-scheme-7e825b4f-4b82-48de-b107-f28acefbabff {
box-shadow: none;
}
To add, you can go to the Theme editor and find the “Custom CSS” section where you can paste this code. Let me know if it works or if there’s anything else I can help with.
1 Like
Hi @Emma53 ,
Try this one.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
- And Save.
.image-with-text__media.image-with-text__media--adapt.gradient.color-scheme-7e825b4f-4b82-48de-b107-f28acefbabff.global-media-settings.media {
box-shadow: none;
}
Result:
I hope it help.