Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hi,
I am using the Lorenzo theme which doesn't have anything built in to amend the padding size.
I have two sections which I am trying to reduce padding size to make it appear as if they are one. Above and below my ratings section, is huge padding. I am also hoping to reduce the padding of the three column text section above. Is anyone able to help?
Secondly, I also have some fine lines that appear between different sections. Is there anyway to remove these or re-colour them to match the website background?
Solved! Go to the solution
This is an accepted solution.
Yeah sure, i already take out the padding from the columns section now I'll reduce from the reivews.
Add this code where you add the 1st code.
.section.section--bordered {
padding: 40px;
}
And save.
result:
Hi @pbr1
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css
Step 3: Paste the below code at bottom of the file -> Save
section {
border: unset !important;
}
.section.section--bordered {
padding: 0 0 80px 0 !important;
}
section.section.text-columns.section--contrast.text-columns--alignment-center {
padding-bottom: 0;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Hi @pbr1
Check this one.
.section-borderable+.section-borderable>.section--bordered {
border-top: 0 !important;
}
section.section.text-columns.section--contrast.text-columns--alignment-center.collection-list-grid--columns-3 {
padding-bottom: 0;
}
Let me know if the its not enough.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Hi,
Thanks for the quick response, is it possible to make it even less?
This is an accepted solution.
Yeah sure, i already take out the padding from the columns section now I'll reduce from the reivews.
Add this code where you add the 1st code.
.section.section--bordered {
padding: 40px;
}
And save.
result:
@pbr1 hey, thanks for posting here.
i think best way is customize the theme setting.