Shopify themes, liquid, logos, and UX
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/
Solved! Go to the solution
This is an accepted solution.
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;
}
This is an accepted solution.
do you need half background color?
This is an accepted solution.
can you try this code
#shopify-section-template--15290490290398__16372376068d4eb299 .multicolumn {
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#fff3eb 100%);
}
Still need help, thank you!
This is an accepted solution.
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;
}
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:
This is an accepted solution.
do you need half background color?
@KetanKumar Yes around half if possible. If I'm able to adjust the height by changing pixel numbers it would be perfect.
This is an accepted solution.
can you try this code
#shopify-section-template--15290490290398__16372376068d4eb299 .multicolumn {
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#fff3eb 100%);
}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024