Shopify themes, liquid, logos, and UX
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 🙂
Solved! Go to the solution
This is an 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.
Hi @Fardale ,
Could you please share URL and your store password if it enabled? So that we can help you.
Thank you.
Hello @Fardale
To center align the product page title, selection, and buy buttons on the Shopify Refresh theme, you can follow these steps:
Go to your Shopify Admin panel and click on "Online Store" from the left-hand menu.
Click on "Themes" and then click on "Customize" next to the Refresh theme.
Click on "Product pages" from the left-hand menu.
Click on "Product page" to expand the section.
Click on "Theme settings".
Scroll down to the "Typography" section and select the "Center" option for the "Product title alignment" and "Button alignment" options.
Save your changes.
This should center align the product page title, selection, and buy buttons on your Shopify Refresh theme. If you encounter any issues, you can contact Shopify support for further assistance.
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
This is an 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.
I do appreciate your compliment! 😁
Can you please include product quantity for this code as well? Thank you so much in advance.
We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024