I want the variants and quantity and everything on a product page to be centered. I was able to get the price and title centered, but am having problems with the variant and quantity. I have the Peach Sunset theme from an independent website developer.
Topic summary
A Peach Sunset theme user successfully centered product page elements with help from GemPages support.
Initial Issue:
- User had already centered the product title and price
- Needed help centering variant selectors and quantity buttons
- Also wanted to remove a grey overlay appearing on the mobile size variant dropdown (not present on desktop)
Solution Provided:
GemPages support requested store URL access and then provided custom CSS code to be added to the theme.liquid file before the closing tag.
Outcome:
The solution successfully resolved the centering issue. The user confirmed it worked and expressed gratitude.
Note: The conversation text appears partially reversed/encoded but the core technical solution involved adding custom CSS through the theme editor.
Hello @stardustbyallie
It’s GemPages support team and glad to support you today.
To provide you with the most precise solution in this case, could you please share your page URL ( with pass if your store password is enabled )?
Hello! It is stardustbyallie.com no password 
I’d like for the size and quantity to be centered. And do you know how I can get rid of the grey overlay on the size variant drop down? It doesn’t do that on desktop but does it on mobile for some reason. Thanks so much!
I would like to give you a solution to support you.
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid theme file.
-
Paste the below code before :
Result:
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.
That worked! Thank you SO much!!!