Please help! How to center the products Title, Price and Text on the product page (Debut theme)?
Topic summary
Goal: Center the product title, price, and text on a Shopify product page using the Debut theme. An initial screenshot illustrated the misalignment.
Access: Helpers requested the store URL and password due to password protection; the URL and later the password (“pop”) were provided.
Resolution: The store owner self-resolved by adding CSS in the theme’s Assets (styles). Key adjustments:
- Centered the product meta section (title/description) via text alignment.
- Centered the price using align-items.
- Centered the product form controls (e.g., Add to Cart) via justify-content.
- Centered the quantity input with auto margins.
- Also set the footer link list to a grid (tangential to the main issue).
Verification: Another participant confirmed the fix is working and shared a confirmation screenshot link.
Status: Resolved. No open questions. Note: Both a code snippet (CSS) and images (before and confirmation screenshots) are central to understanding the solution and outcome.
Hello There,
Please share your store URL and password.
So that I will check and let you know the exact solution here.
1 Like
hello @Paulrock
Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.
2 Likes
your store is password protected can you please share password
1 Like
Sorry, already found solution ->Assets
ul.site-footer__linklist {
display: grid;
}
.product-single__meta {
text-align: center;
}
.product-single__meta .price {
align-items: center;
}
.product-single__meta .product-form__controls-group {
justify-content: center;
}
.product-single__meta .product-form__input–quantity {
margin: 0 auto;
}
Hello there.
please share me store password.
1 Like
password: pop
Hello there.
Working fine!
Screenshot :- https://image.prntscr.com/image/8WsCsKCYQDqPJ0JxUl789A.png
