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!
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024