i want to centre align everything on my product pages; title, sku, price, variant selector, quantity selector, additional text (badges), description, buy buttons and share link.
using dawn theme 15.2.0
my page width is 1600px
Topic summary
A user wants to center-align all elements on their product pages in Dawn theme 15.2.0, including title, SKU, price, variant selector, quantity selector, badges, description, buy buttons, and share links.
Solution Provided:
- Navigate to Shopify Admin > Online Store > Customize
- Access Theme Settings > Custom CSS
- Add CSS code to center-align product info wrapper elements and adjust quantity input positioning
Current Status:
The solution partially worked—most elements are now centered, but not everything aligned as expected. The support team confirmed the setup appears correct on their end and asked if further assistance is needed. The issue remains partially unresolved with some alignment discrepancies visible in the user’s screenshot.
1 Like
I hope you are well. You can follow our instructions below:
Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there
Here is the code for Step 3:
.product__info-wrapper.grid__item * {
text-align: center !important;
}
.product__info-wrapper.grid__item .price-per-item__container > quantity-input {
margin-left: 50%;
transform: translateX(-50%);
}
Please let me know if it works. Thank you!
Best,
Daisy - Avada Support Team.
It seems you have set it up properly, right? I just checked it here https://prnt.sc/vNEpBBk9hXww
Is there anything else that we can help you with?
Please let me know if it works. Thank you!
Best,
Daisy - Avada Support Team.