add space on top of divider

[JoaquinExcitare]

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:

<style>
.price.price--large.price--show-badge {
border-bottom: solid 1px #F1F1F1 !important;
}
</style>

[Guleria · Accepted solution]

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

[Made4uo-Ribe]

Hi @JoaquinExcitare 

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!