Making multicollums smaller & removing background

Shopify Discussion

Topic summary

A user seeks help making multicolumn sections smaller and removing their background on their Shopify store.

Proposed Solution:

  • Add custom CSS code to the theme’s base.css file
  • Navigate to: Online Store → Theme → Edit code → Assets → base.css
  • Insert provided CSS targeting .multicolumn.background-primary .multicolumn-card to modify background color

Status:

  • Solution offered but not yet confirmed as tested or successful
  • Discussion remains open pending user feedback on whether the CSS modification resolves the issue
Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.
1

Hello! I’d like to make my multicollums smaller and remove the background, if possible.

Site: prestigestraps.com

Password: asd321

Screenshot_22.jpg
Screenshot_22.jpg1897×430 41.5 KB

2

Hello @kitchencrafted

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.multicolumn.background-primary .multicolumn-card {
    background: rgb(var(--color-background));
}