Eliminate Shadow on Images in Multi Row; Sense Theme

Store Design
, ,

Topic summary

A user seeks to remove shadows from images in a Multi Row section using the Sense theme.

Proposed Solutions:

  • CSS Approach: Add custom CSS to base.css targeting .image-with-text elements to set box-shadow: none !important. This involves navigating to Themes → Edit Code → Assets → base.css and inserting the code snippet at the bottom of the file.

  • Theme File Modification: An alternative suggestion involves editing the theme.liquid file by pasting code before the </body> tag, though the specific code snippet appears corrupted in the conversation.

Status: The discussion remains open with multiple solutions offered but no confirmed resolution from the original poster. Both responses provide step-by-step instructions for implementing CSS customizations to eliminate image shadows.

Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.
1

I am trying to add a code to rid the shadow on a Multi row section. You can see the row here https://taleology.com/pages/custom-candles

2

Hi @Emma53

Thank you for your question.
You can try follow this path:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

.image-with-text:not(.image-with-text--overlap) .image-with-text__media-item:after {
box-shadow: none!important;
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!
David | SalesHunterThemes team

1 Like
3

Hi @Emma53 ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Best regards,

Anthony