Remove gray underneath images - Dawn Theme 2.0

Store Design

Topic summary

Issue: In Shopify’s Dawn Theme 2.0, gray shading appeared beneath images in a multicolumn section.

Context: The store URL was shared and a screenshot illustrated the unwanted background under column cards. (Image helps visualize the issue but is not required to apply the fix.)

Fix: In the theme editor, navigate to Edit code > assets > section-multicolumn.css and remove the CSS rule targeting .multicolumn.background-primary .multicolumn-card that applies a background linear-gradient (rgba(var(–color-foreground), .04)). This rule was causing the gray overlay under the cards/images.

Outcome: After deleting that CSS block, the gray background disappeared.

Status: Resolved; no remaining open questions or disagreements.

Summarized with AI on February 14. AI used: gpt-5.
1

Hello,

My theme is putting gray underneath columns, can someone help me to remove? Thank you

Screen Shot 2022-07-03 at 12.10.40 PM.png
Screen Shot 2022-07-03 at 12.10.40 PM.png2188×1240 289 KB

2

Hi @Anon5 , can you share url?

3

www.protectyourtail.com

thank you

4

Hi @Anon5 , go to edit code > assets > section-multicolumn.css and delete this:

.multicolumn.background-primary .multicolumn-card {
    background: rgb(var(--color-background)) linear-gradient(rgba(var(--color-foreground),.04),rgba(var(--color-foreground),.04));
}
1 Like
5

THANK YOU IT WORKED

1 Like