How can I make the spacing for the title, price, quantity box, add to cart button all the same size

[Taryckrich]

Hey does anyone have code to make the spacing for the title, price, quantity box, add to cart button all the same size, I have circled the spacing I want but the price and quantity box are to close to each other, I want the spacing for all of them the exact size I circled in the photo below, if anyone can do this will be very appreciated :))

[BSS-TekLabs · Accepted solution]

Please remove the "}" at line 3579.

[BSS-TekLabs]

Hello @Taryckrich .
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

[Taryckrich]

HTTPS://bestbongsandmore.com.au

[BSS-TekLabs]

- Here is the solution for you @Taryckrich 
- Please follow these steps:

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

.product__description.quick-add-hidden p:first-child {
     line-height: 15px !important;
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Taryckrich]

didnt work spacing is still the same, thank you for trying though

[BSS-TekLabs]

Please add my code back so I can check it again.

[Taryckrich]

which one though theme.liquid or base.css and is it before body? 

[BSS-TekLabs]

.product__description.quick-add-hidden p:first-child {
     line-height: 15px !important;
}

can you add the last line file base.css

[Taryckrich]

done but the spacing between price and quantity box is still way to close and not the same spacing as everything else 

[BSS-TekLabs · Accepted solution]

Please remove the "}" at line 3579.

[Taryckrich]

done

[BSS-TekLabs]

I see the distance is equal. You can check again.

[niraj_patel]

Hello @Taryckrich 
would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

[Taryckrich]

https://Bestbongsandmore.com.au

[niraj_patel]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
.product__info-container .product-form{
margin: margin: 1.5rem 0 !important;
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Taryckrich]

didnt work spacing is still the same, thank you for trying though

[Taryckrich]

i just want the title, price, quantity box, add to cart button to have all the same spacing so it looks clean

[niraj_patel · Accepted solution]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
.product .price__container {
margin-bottom: 1.5rem !important;
}
.product__info-container .product__description{
margin-top: 2.5rem !important;
}
.product__info-container>*+* {
margin: 1.5rem 0 !important;
}
.price-per-item__container {
margin-bottom: 1.5rem !important;
}
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.