Adjusting height of section's background color

[Dike]

Hello everyone,

I was wondering if its possible to change the background color height of a section.

I would like the height to stop somewhere mid photo, and the lower part lowered so the button fits nicely into the colored background. Preferably with some pixel or something in that nature code, so I can get the perfect fit through testing various sizes.

Any help is greatly appreciated!

Thank you.

URL: https://glowee.nl/

[KetanKumar · Accepted solution]

@Dike 

yes please try this code

add this code your css file bottom of the file 

.multicolumn.background-none {
    display: inline-block;
    width: 100%;
    padding-bottom: 50px;
}

[KetanKumar · Accepted solution]

@Dike 

do you need half background color?

[Dike]

Still need help, thank you!

[KetanKumar · Accepted solution]

@Dike 

yes please try this code

add this code your css file bottom of the file 

.multicolumn.background-none {
    display: inline-block;
    width: 100%;
    padding-bottom: 50px;
}

[Dike]

Thank you so much @KetanKumar 

The bottom padding works perfectly. I tested various ratios but I think I can't get the look I was going for. Do you know how to lower the top padding drastically?

Example:

[KetanKumar · Accepted solution]

@Dike 

do you need half background color?

[Dike]

@KetanKumar Yes around half if possible. If I'm able to adjust the height by changing pixel numbers it would be perfect.

[KetanKumar · Accepted solution]

@Dike 

can you try this code

#shopify-section-template--15290490290398__16372376068d4eb299 .multicolumn {
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#fff3eb 100%);
}

[Dike]

Thank you so much the both of you @KetanKumar @Savior They both look amazing!