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

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 :))

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.

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.

https://Bestbongsandmore.com.au

HTTPS://bestbongsandmore.com.au

  • 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.

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 on theme.liquid

.product__info-container .product-form{ margin: margin: 1.5rem 0 !important; }

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

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

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

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

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

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

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

can you add the last line file base.css

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

Please remove the “}” at line 3579.

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 on theme.liquid

.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; }

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

done

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