Extending background colour of multicolumn

Hi,

I’m trying to extend this colour of the multicolumn across the whole page, have tried a few different code but cant get it to work. Any suggestions?

1 Like

Hi @dekiv

Can you provide your website so we can provide a code appropriate for you?

Hi @made4Uo

Sure!

https://kuhl-cher-coffee.myshopify.com/pages/kuhl-cher-club

password: stewsa

Thank you @dekiv

Note.: The code only applies to this specific multicolumn section

  1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Go to Asset folder and open the base.css file
  3. At very end of the code, add the code below
#shopify-section-template--19479637950776__c33f3021-76c6-421f-9ca8-8eac2e374d12 .multicolumn.color-background-1.gradient.background-primary.no-heading {
    background: rgb(var(--color-background)) linear-gradient(rgba(var(--color-foreground),.04),rgba(var(--color-foreground),.04));
}

Result here: