How do I change the second background color of multiple column?

Shopify Discussion

Topic summary

Main issue: Change the “second background color” of the Multicolumn section in a Shopify theme.

  • Solution provided: In Online Store > Themes > Edit code, open base.css and add a CSS rule targeting “.multicolumn.background-primary .multicolumn-card” to set a new background color (e.g., #f2e5ec), using !important if needed. The hex value can be customized to any desired color.

  • Evidence: Before/after images were included, showing the updated background applied to the multicolumn cards. Visual attachments were central to confirming the fix.

  • Additional request: Another participant asked for the store URL to inspect, but this became unnecessary once the CSS change worked.

  • Outcome: The original poster confirmed the fix worked and accepted the solution. No further technical issues or open questions remain; the thread is resolved.

Summarized with AI on December 17. AI used: gpt-5.
1

I don’t like the second background color of my multiple column. Can someone help me change this?

Foto 10-10-2024 om 09.28.jpeg
Foto 10-10-2024 om 09.28.jpeg2879×1295 112 KB

2

Hello @Muselabel
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

.multicolumn.background-primary .multicolumn-card {
background: #f2e5ec !important; /* you can change the color from here*/
}

result

7.png
7.png1278×731 28.9 KB

If this was helpful, hit the like button and accept the solution.
Thanks

3

Hey @Muselabel ,

Could you share your store URL so I can check?

4

Thank you it worked

5

Thanks for accepting my solution
please hit the like button also.
also that would be great, if you can buy me a coffee for my work for the community.