Dawn Theme | Center Quantity Selector & Buy Bottons

Store Design
1

I managed to center pretty much everything on product page except quantity picker and buy buttons. Could anyone help me to center the quantity selector and buy buttons on the product page?

Uncentered quantity picker and buy buttons.png
Uncentered quantity picker and buy buttons.png1080×1080 98.6 KB

2

Hi @Kavipeir_12

Can you please share your store URL?

3

https://rewritte.com/products/rewritable-night-light-with-display-panel

4

@Kavipeir_12

thanks for url can you try this code’

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base**.css** ->paste below code at the bottom of the file.
.product-form__input {
    margin: 1.5rem auto !important;
}
.product-form__buttons {
    margin: 0px auto !important;
}
5

It worked! Thanks a lot

6

Hey,

This worked for me, besides the quantity selector is still a little off. I would either like it to be centered or at least lined up on the left with the sizes.

22679c4df2233ae5215f3bcd1b9b27a3.png
22679c4df2233ae5215f3bcd1b9b27a3.png752×606 19.1 KB

Here is a photo for reference. Thank you!