A user seeks to remove box shadows from images in Shopify’s Sense Theme \
How do I remove the shadow behind/around the image in the “Text with Image” block of the Sense Theme? I’d like to add a code into Shopify’s new “Custom CSS” editor field instead of editing the source code so that I only change this one section.
've tried variations of:
img {
box-shadow: none;
}
Nothing seems to have worked so far. Please help.
Hey @komesoap
Can you share your Store URL and password if enabled?
HI @Moeed here’s my Store URL: http://d04c2c.myshopify.com
I think you’ll be able to see it without a password. Thank you!
Hi @Komesoap
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file component-image-with-text.css
Step 3: Paste the below code at bottom of the file → Save
#MainContent .image-with-text .image-with-text__media-item>*{box-shadow:none !important}
Hope my solution works perfectly for you!
Best regards,
Victor | PageFly
Hi Victor, thanks so much for your suggestion. I tried it and it works great! The only problem is, I want remove the box shadows on some of my images, but want to keep others. Is there a way I can utilize the new Custom CSS field here to specify which ones I want to remove the box shadow?
@PageFly-Victor Sorry I forgot to tag you the first time. Is it possible to change only one section using Shopify’s new Custom CSS field, rather than changing the whole site? Thanks!
Yes you can try to add it at the custom CSS
.image-with-text__media-item>*{box-shadow:none !important}
It worked!!! 
Thank you so much @PageFly-Victor !
Oh by the way, I’m using PageFly right now for some of my pages and I love the customizations 
You are welcome. I’m glad when I can help you 
Hey Victor! I am having this same issue but your coding didn’t work for me - both in editing the actual code and in putting it in the Cusrtom CSS on the page. Any other ways I could get rid of the drop shadow behind the text with image (or everywhere haha). Thanks!