How to change column card background

[deluc004]

How do i change this set of column cards in my multi column only in this section to F5F9FC

www.flowpure.co.uk

[WizzCommerce_Co]

Hi @deluc004 , thank you for posting here!

You can follow my instruction below:

1. Go to Online Store → Theme → Edit code.
2. Open your Assets → base.css, paste the code below on the bottom of the CSS file:

.custom-section .column-card {
    background-color: #F5F9FC;
}

If my answer is working for your store, please let me know by accepting Solution and giving Like !!!

[deluc004]

Hi, it does not work

[WizzCommerce_Co]

Hi @deluc004 , thank you for reply!

If it does not work, you can follow another my instruction below:

1. Go to Online Store → Theme → Edit code.
2. Open your Assets → base.css, paste the code below on the bottom of the CSS file:

.multicolumn-list__item.grid__item.slider__slide.center.scroll-trigger.animate--slide-in {
    background-color: #F5F9FC !important;
}

If my answer is working for your store, please let me know by accepting Solution and giving Like !!!

[deluc004]

still do not work

[Made4uo-Ribe]

Hi @deluc004

Check this one.

1. From you Admin page, go to Online Store > Themes.
2. Click the Customize.theme this one located on the home page > find this multicolumn section and click.
3. After you clik the multicolumn section there will be right tab visible. Scroll down until you see the Custom CSS.
4. Paste the code below.
5. Must be look like this.
6. 

.section-template--19696351379723__multicolumn_8y7Abh-padding .multicolumn-list__item {
    background: #F5F9FC;
    padding: 20px 0;
}

• And Save.

• Result:

• 

  Note: This background will be shown on this multicolumn only.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[deluc004]

this as the error, but does nto work

[deluc004]

It’s because you are on the home page and i want to change it on this page instead - https://flowpure.co.uk/products/faucet-tap-water-purifier-physical-filtering-for-home-kictchen-2-filter-element-removable-washable-filter-water-purifier-aerator?token=EC-1MF14601HS087845M#qv67ioSFNDrmj

[Made4uo-Ribe]

Oh, Sorry Ive got confuse. Replace on this code then.

.section-template--19696351543563__multicolumn_aBhqy3-padding .multicolumn-list__item {
    background: #F5F9FC;
    padding: 20px 0;
}

And Save.

Result:

[deluc004]

No result

[PageFly-Noah]

This is Noah from PageFly - Shopify Page Builder App

Hi @deluc004 Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

[deluc004]

Unfortunately this did not work either

[Made4uo-Ribe]

Did you paste on the custom.css on the edit theme? did you save after pasting?