Goal: remove the white background “cards” from each column in the Dawn 11.0 multicolumn section of a Shopify 2.0 store, as no built-in setting was found.
Context: The requester couldn’t share a store link. The theme was confirmed to be Dawn.
Proposed solution: Add custom CSS in the multicolumn section’s “Custom CSS” field to make the column backgrounds transparent by targeting the .multicolumn selector and setting background to transparent with !important (i.e., .multicolumn { background: transparent !important; }).
Visual aids: One image shows the current white rectangles; another screenshot indicates where in the editor to paste the CSS.
Status: A single CSS-based fix was provided; the original poster did not confirm whether it resolved the issue. No alternatives or potential side effects were discussed. The thread remains open/unfinished.
Hi,
So I’m using shopify 2.0 and dawn 11.0. I’d like to remove the background of each column or making it transparent.
Here is waht it looks like now:
Those white rectangles have to go. I don’t find any option in the configuration panels to remove them. If it involves some coding, I’d love to know what’s needed.
Thanks!
Can you provide link to your store?
Thank you for your response. I know it would make things easier, but I can’t I’m sorry.
Is that the dawn theme?
Hi @Atoban ,
You can add below CSS to the custom CSS section of the respective multicolumn to make them transparant.
.multicolumn {
background: transparent !important;
}
