The blue border is not the same size as the content in my custom liquid.
When I try to move the section else where it gets cut off.
The blue border is not the same size as the content in my custom liquid.
When I try to move the section else where it gets cut off.
Hello @goat29f
Could you please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution?
Hello @goat29f
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.
.section-template--18852384702790__8a627509-dcc5-411a-beac-5f5f79151b51-padding .column p {
font-size: 22px !important;
padding: 16px !important;
}
didn’t make a difference
Hello @goat29f
can you clarify to me what you want?
you would like to have some space in this section or remove the content block?
the custom liquid is not the same size as the actual section
The images and background is meant to be included in the size
compared to this section
hence when I move the custom liquid up, it gets covered by a different section.
Hello @goat29f
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.
.section-template--18852384702790__8a627509-dcc5-411a-beac-5f5f79151b51-padding {
max-width: var(--page-width);
margin: 0 auto;
}
Hello @goat29f
If any issues are there please let me know.
didn’t work
Hello @goat29f
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.
.column {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
}
no changes..
Hello @goat29f
The code is working that I provided you
Please refer to the screenshot that I provide you below-
I’ve moved the section up; it may help you understand. Please have a look again
the section is not visible at all; it’s getting cut off. That’s my issue. As you can see, you cannot see the images. yes, I want it in the centre, but the other sections on the page don’t let it.
It only gets cut off when it’s at the bottom of the page.
Hello @goat29f
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.
.section-template--18852384702790__8a627509-dcc5-411a-beac-5f5f79151b51-padding {
padding-bottom: calc(100px * 5.0) !important;
max-width: var(--page-width);
margin: 0 auto;
}
perfect thank you so much!
Hello @goat29f
If any other issue there, let me know please like my all posts, if the solution is helpful to you.