The code is no longer working for some funny reason and I hate the grey scale look - please help:
Hi @Natasha22
Check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.multicolumn.background-primary .multicolumn-card {
background: transparent !important;
}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Hello @Natasha22
This is Amelia at PageFly - Shopify Advanced Page Builder app.
You can try the following steps I have provided to help you solve the problem you are facing:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file base.css or theme.css or style.css
Step 3: Add code
.multicolumn-card {
background: unset !important;
}
Hoping my solution helps you solve your problem.
Best regards,
Amelia | PageFly
Hi @Natasha22 ,
I have reviewed your requirement , I think you just need edit css script in base.css and the issue will be resolved. You can follow my instructions!
Step 1: Go to Admin → Online store → Theme > Edit code:
Step 2: Search base.css and add the script css custom font in the end of file:
.multicolumn.background-primary .multicolumn-card {
background: border-box !important;
}
Step 3: Save and reload page in storefront.
The result:
I hope these instructions will help you. If they are helpful, don’t forget to like and mark as the solution.
Have a nice day sir!


