Shopify themes, liquid, logos, and UX
hey does anyone know how to get a colored background on the multicolumn section in Dawn? The only options are a default grey and white background. Thanks
Solved! Go to the solution
This is an accepted solution.
Hi @mfazio ,
You try below code:
#shopify-section-template--15201055244454__16389421757b3fe2cd .multicolumn.background-none {
background: #fff !important;
}
I hope it would help you.
Hi Mfazio,
Open your stores dashboard --> Online Store --> Actions --> Edit Code --> Open 'base.css' -->
At the bottom of the file copy and paste this code:
.multicolumn {
background-color: #ffffff !important;
margin: 0 !important;
padding: 1px 0 5rem !important;
}
You should be able to change the colour via the hex code (to whatever you want) although the section itself will still use the black secondary colour, so you are still fairly limited.
Let me know if this works for you!
NOTE: If you edit any files on your store, I advise that you duplicate the theme before doing so and editing the duplicated theme instead. This will prevent your live site from breaking if something goes wrong.
Hi DMT-Mike, how about the multicolumn section in the product pages? do you know how to change that?
Thank you. This works but i just realized that i only need it on the homepage. When you set it up like this, its for all the pages. Do you have the code to just keep it on the homepage?
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
noblepets.co
can you try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css->paste below code at the bottom of the file.
.multicolumn.background-none.no-heading {
background: #fff !important;
}
That didnt work. Its still showing the same color background on the product page and homepage. Just need a different color on the homepage
can you please share section screenshot!
Above is the background color i want only on the home page for multicolumn
Above has the same color background on my product page for multicolumn
I only want the color background on my homepage and not my product page
I prefer a white background on the product page multicolumn section
Thanks
yes, please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css->paste below code at the bottom of the file.
#shopify-section-template--15201055211686__16429218635b3aa7eb .multicolumn {
background: #fff !important;
}
This is an accepted solution.
Hi @mfazio ,
You try below code:
#shopify-section-template--15201055244454__16389421757b3fe2cd .multicolumn.background-none {
background: #fff !important;
}
I hope it would help you.
Thank you for this solution.
For absolute beginners, where do I paste this code?
Would you mind sharing the trail where to do this?
Thank you!
BR,
Daniel
Hi! Did you find out how to get this done? I've tried all the code above, but no luck, unfortunately.
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Hi Ketan, thanks! It's not a huge issue. I'd just like to alter the background color for multicolumn boxes sitewide. I'm looking for a css snippet and need to know where to paste it. I'm new to Shopify!
Website is https://mia-mia-baby-kids.myshopify.com/
Password fleich
can you try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/section-multicolumn.css->paste below code at the bottom of the file.
.multicolumn.background-primary .multicolumn-card {
background: transparent;
}
That was super easy! Thanks so much 🙂
its my pleasure to help us
This works superb! Thank you however, it only applies to desktop version. Can you assist how to get it worked on mobile view as well?
yes, please share store url
Hey, I have the same problem. Did you manage to find a solution?
Hi @FlorenceGee,
There is an easy way to change the background color of the multicolumn section in Shopify Dawn Theme which doesn't require coding. You can use the Shopify theme editor to achieve this. I have made a YouTube solving this problem. Here is the link to the video: https://www.youtube.com/watch?v=zbDvSWcBC6g
Hope it helps. If you have any further questions do let me know.
Warm Regards,
Nafio Nabi
can you provide me with your store URL? so that i can give it a try
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Hi @mfazio,
There is an easy way to change the background color of the multicolumn section in Shopify Dawn Theme which doesn't require coding. You can use the Shopify theme editor to achieve this. I have made a YouTube solving this problem. Here is the link to the video: https://www.youtube.com/watch?v=zbDvSWcBC6g
Hope it helps. If you have any further questions do let me know.
Warm Regards,
Nafio Nabi
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024