How can I modify the background of a multicolumn section in the Dawn theme?

[Adeles911]

Is there a way to change the background of a multicolumn section in the dawn theme? The options for secondary background in the section settings are "none", "show as column background", and "show as section background"

When I select the third background, it's using a light gray but I'm not sure where it's getting that color from. It's not in the theme settings. Thanks! 

[ThomasBorowski]

The background color of the Multicolumn section is set to the foreground color with 4 % transparency. So if your text color is black you'll get a light gray for the background of that section. If you want to change how that works you need to change this CSS rule in Assets/base.css:

[Adeles911]

Is there a way to set it to a certain hex color?

[ThomasBorowski]

You can replace the part that starts with rgba(var(... with a hex value, but that would affect more than just the Multicolumn section. If you only want to change the background color of Multicolumn sections, open the file Assets/section-multicolumn.css and add the following line (change the hex color code to whatever you want):

[Tsnz]

Hi Thomas,

I am trying to follow your suggestion here also, I am following the second part...

If you only want to change the background color of Multicolumn sections, open the file Assets/section-multicolumn.css and add the following line (change the hex color code to whatever you want):

and when in the code there is absolutely nothing that states "secondary" within the assets - section - multicolumn etc.

I am using Dawn.

How would I change the multicolumn secondary background? 

[ThomasBorowski]

It's possible that Dawn's code has changed since I posted this. Shopify changed around lots of things in the most recent version of Dawn, they also changed how background colors etc. are applied. So this code might not work anymore and would have to be modified to work with those newer versions.

[Tsnz]

That would definitely explain it. Thank you.