How to remove my columns backround color in a muticolumn section?

Shopify Discussion

Topic summary

A user seeks to remove background color from columns in a multicolumn section on their Shopify theme. Multiple solutions are offered:

Method 1 - Theme Customizer:

  • Navigate to the multicolumn section settings in the theme customizer
  • Look for a built-in option to disable/remove column background color
  • This is identified as the simplest approach

Method 2 - Custom CSS:

  • Access theme code via Shopify admin (Online Store > Themes > Edit code)
  • Locate the </body> tag in the theme.liquid file
  • Add custom CSS code before the closing tag to override default background styling
  • A CSS class can be applied when the background removal option is checked

Responders request the website URL if the customizer method doesn’t work, offering to provide specific CSS fixes. Screenshots are included showing the customizer settings location and expected results.

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

HI @Lumify

we will help to you with this. there is two why for do this thing with customize or with css

This the first way with customize , go to the customize theme section, and go to the multicolumn section. there is in the settings

37bc1fd2-a0a2-44d9-9e87-886ba7d5852a.png
37bc1fd2-a0a2-44d9-9e87-886ba7d5852a.png1326×554 55.6 KB

this is the simplest way to fix that thing.

And if it is not working please share your website url we will check fix css and back to you.

Thanks

1 Like