Shopify themes, liquid, logos, and UX
Hello!
I'm trying to figure out how to adjust design choices for the products.
Change placement of text, and if possible 2 different designs.
Currently looks like this:
but would love the option to adjust it like this:
Preview link - https://28x38yzbem51frl6-50647859379.shopifypreview.com/collections/archive?sort_by=created-descendi...
NOTE: Would like this design adjustment for all products, ex. both on frontpage and collection pages, so its likely a change directly on the product configuration
Solved! Go to the solution
This is an accepted solution.
Hii, @lion_no
Paste this code on top of the theme.scss file.
.grid-product__meta {
text-align: center !important;
}
Thank You.
This is an accepted solution.
Hii, @lion_no
Paste this code on top of the theme.scss file.
.grid-product__meta {
text-align: center !important;
}
Thank You.
Thanks @Zworthkey !
That seems to have sorted out the placement of the text at least 🙂
(You can see it is now centered in the preview link)
Any idea how I could add a bold text to the product name?
@lion_no
Paste this code on top of the theme.scss file.
.grid-product__title {
font-weight: bolder !important;
}
Thank You.
hi!
is it also possible to make the price bold?
Code for mobile product page.
Please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 589px){
.product-single__meta {text-align: center;}
.js-qty__wrapper {text-align: center;margin: 0 auto;}
}
Thanks!
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025