Dawn 15 - background gradient issue

[xnyjyh]

I have a background gradient applied to my Multi-column section but it wont go 100% width oddly. every other section that has same background gradient works fine except this one section. see image below. How can this be fixed?

[Dan-From-Ryviu]

Hi @xnyjyh 

Could you share the link contains that section so I can check?

[xnyjyh]

Hi Dan, it is https://www.unpooped.com/pages/services 3rd section down

Thanks

[Dan-From-Ryviu]

This code that you added somewhere caused this issue 

#shopify-section-template--23823783657747__multicolumn_HBWhUL, .section-template--23823783657747__multicolumn_HBWhUL-padding {
    background: linear-gradient(to right, #5bc0de, #5baede);
}

[xnyjyh]

Hmm weird, but thats my background gradient to get the gradient. What can I do to fully cover the container?

[DaisyVo · Accepted solution]

Hi @xnyjyh 

You can follow the steps here:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there

Here is the code for step 3:

.show-all-devices.multicolumn:has(.page-width.section-template--23823783657747__multicolumn_HBWhUL-padding.isolate.scroll-trigger.animate--slide-in) {
    background: linear-gradient(to right, #5BC0DE, #5BAEDE) !important;
}

Here is the result:

I hope this can help!

Best,

Daisy

[xnyjyh]

Thank you, didnt see this, but it worked.