How can I remove the grey that is in the multi column section?

The code is no longer working for some funny reason and I hate the grey scale look - please help:

https://freedom-pieces.com/

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!