Dawn theme - Change Multi Column Background color

[INFRA]

Hi,

I'm trying to change the background color of the multi columns in the Dawn theme. They're originally set on a greyish colour. I've found the code to change it but it won't let me pick a hex color, only "black" "grey "orange" written out like that.

.multicolumn-card.content-container {
  background-color: orange;
}

Any idea how to change it to F3F3F3 instead?

Website

password: dave

Thanks!

 

[Moeed]

Hey @INFRA 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.multicolumn-card.content-container {
    background: #F3F3F3 !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[oscprofessional]

Hello @INFRA 
can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css file

3. Paste the below code

#shopify-section-template--17025572733088__multicolumn_rE9gCV .multicolumn-card.content-container {
	background-color: #fda606;
}

[INFRA]

Hi! thanks for your help, unfortunately it didn't work with #f3f3f3. It seems to only work with darker colors? 

When I use your code and change it to #F3F3F3 it shows up as below. Note that the color in the section above is F3F3F3 so you can see the difference.

[GTLOfficial]

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

#shopify-section-template--17025572733088__multicolumn_rE9gCV .multicolumn-card.content-container {
background-color: #F3F3F3;
}

result

If this was helpful, hit the like button and mark the job as completed.
Thanks

[ZestardTech]

Hi @INFRA 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.multicolumn-card.content-container {
background-color: #F3F3F3!important;
}

[INFRA]

Hi, I tried this too but unfortunately it doesn't work. Anything else we can try?