Adjust Multi-column width on Dawn theme

[meepmediauk]

Hello, I want to make the left column wider than the right.

This is the current (default theme) Multi-column

This is the sizing I need. I also need it to be responsive too.

Please advise

[suyash1]

@meepmediauk - can you please share this page link?

[meepmediauk]

https://mike-oliver-associates.myshopify.com/pages/how-it-works

pw: cheast

Section at the bottom of the page

I also want to try and change the background colour of each column independently in a gradient, is this possible?

[suyash1]

@meepmediauk - please add this css to the very end of your base.css file and check

@media screen and (min-width:767px){
.multicolumn-list #Slide-template--22602744398097__multicolumn_3JGLrj-1{width: 60%;
    max-width: 60%;}

.multicolumn-list #Slide-template--22602744398097__multicolumn_3JGLrj-2{width: 39%;
    max-width: 39%;}
}

[meepmediauk]

Amazing, that sorted the sizing! Any help on the colours please (see my last message)

[suyash1]

@meepmediauk - you will need to set gradient background color property for above 2 boxes only, check this link or this link