Centre quantity selector on Prestige theme

Solved

Centre quantity selector on Prestige theme

wattsga
Shopify Partner
21 0 5

I am trying to centre the quantity selector on my store and I am using the Prestige theme. I have managed to centre everything else (title, price) but I am assuming this requires some specific code. Any help would be appreciated.

 

Screenshot 2024-02-14 at 14.03.10.png

Accepted Solution (1)

biznazz101
Shopify Partner
494 50 98

This is an accepted solution.

Go to Themes> Customize> Product Template> Product Information "Block"> Custom CSS> Add This Code

.quantity {margin: 0px auto;}
.quantity__label {text-align: center;}

 

Example:

biznazz101_0-1707891459966.png


Hope that works for you!
@biznazz101 

Don't hesitate to reach out for more help with your store.
SEE OUR TASK STORE or check us out via our profile! FREE STORE AUDIT

View solution in original post

Replies 2 (2)

biznazz101
Shopify Partner
494 50 98

This is an accepted solution.

Go to Themes> Customize> Product Template> Product Information "Block"> Custom CSS> Add This Code

.quantity {margin: 0px auto;}
.quantity__label {text-align: center;}

 

Example:

biznazz101_0-1707891459966.png


Hope that works for you!
@biznazz101 

Don't hesitate to reach out for more help with your store.
SEE OUR TASK STORE or check us out via our profile! FREE STORE AUDIT

BrainStation23
Shopify Partner
416 62 62

@wattsga You can try these steps to achieve your result
Go to theme -> click edit code-> go to theme.css file then add the following code

 

.product-info__block-item{
  text-align:center;
}

 

 

Result:

BrainStation23_0-1707892175600.png

 

Brain Station 23 PLC (Mail: js.sbu@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps