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.
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!
User | RANK |
---|---|
127 | |
102 | |
74 | |
72 | |
41 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022