Centre Align Product Page Title, selection and buy buttons on Refresh theme

[Fardale]

Hello,

Can anyone help me with aligning my title, price, options, add to cart and the buy button  (Desktop shows the buttons to the left) - I am using the Refresh theme 🙂

[PageFly-Victor]

Hi @Fardale ,

Could you please share URL and your store password if it enabled? So that we can help you.
Thank you.

[GemPages]

Hi @Fardale,

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

Thank you and hope to hear from you.
Best regards,
GemPages Support Team

[GemPages · Accepted solution]

Hi @Fardale,

Glad to support you today.

You can check out my suggestion below to get your concern resolved.

1. Go to Edit code on Online Store:

2. add my code  above the </body> tag on Theme.liquid:

<style>

	.product__info-wrapper .product__title, .product__info-wrapper .price {
		text-align: center !important;
	}
	fieldset.product-form__input, .product-form .product-form__buttons {
		margin: 0 auto !important;
		text-align: center !important;
	}
	fieldset.product-form__input .form__label {
		display: block !important;
		width: 100% !important;
	}
</style>

Hope you find my answer helpful!

Kind & Best regards,
GemPages Support Team.

[Fardale]

@GemPages That has worked 🙂 thank you so much!

[GemPages]

I do appreciate your compliment! 😁

[Fardale]

@GemPages is it possible for the 'dropdown' variation picker to also be aligned in the centre?

[whboutique]

Can you please include product quantity for this code as well?  Thank you so much in advance.