I have already tried to use different coding found on here that says will do this, but it does not seem to work on my theme.
I would like the product title and the price to be in the centre
Please share your store URL and store password NOT the admin password.
-
Go to your store click on Actions > Edit Code
-
Assets > theme.css or theme.css.liquid add below lines at the bottom of the file
.grid-product__title, .grid-product__price {
text-align: center;
}
Hope it helps you !!!
If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on shopify.dev.34@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme
1 Like
Thank you! That coding worked for the collection page, however, I wanted to it for the product page
@Savior yes but I would like it for mobile only, and would like desktop to not change
Paste below code
@media screen and (max-width: 769px) {
.product-block {
justify-content: center;
}
.product-block.product-block--price, .jdgm-widget.jdgm-widget {
text-align: center;
}
}
Hope this helps you!!!
If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on shopify.dev.34@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme
1 Like
@Savior Thank you so much! All working
@Savior Hello
After checking this, I realised this has centralised everything including the reviews at the bottom of the page (see photo). I only wanted to centre the product title, price, clearpay message and variant picker.
