Does anybody know how we can create some space between the divider and the price?
URL: https://excitarestudios.com/
We added this code to theme. liquid:
.price.price--large.price--show-badge { border-bottom: solid 1px #F1F1F1 !important; }Topic summary
A user seeks to add spacing between a price element and a divider line on their Shopify store. They’ve already implemented CSS code that adds a bottom border to the price element but need additional vertical space.
Proposed Solution:
Two community members provided the same CSS fix:
- Add
padding-bottom: 10px !important;to the existing.price.price--large.price--show-badgeCSS rule - The 10px value can be adjusted to increase or decrease spacing as needed
Status:
Resolved - one responder notes they already answered this question in a duplicate post 30 minutes prior. The solution involves a simple CSS padding adjustment to create the desired spacing above the divider.
1 Like
Hello @JoaquinExcitare ,
Update your code with this one
.price.price--large.price--show-badge {
border-bottom: solid 1px #F1F1F1 !important;
padding-bottom: 10px !important;
}
Try to play with value 10px to increase/decrease the space.
Regards
Guleria
I’ve already answer your question in your other post 30mins ago.
.price.price--large.price--show-badge {
border-bottom: 1px solid #f2f2f2 !important;
padding-bottom: 10px;
}
And Save.
https://community.shopify.com/c/shopify-design/add-space-on-top-of-divider/td-p/2893517
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!