Shopify themes, liquid, logos, and UX
How do I add a grid around my products like shown below. I'm using the alchemy theme
Solved! Go to the solution
This is an accepted solution.
The styles of the store are changed, I can't redo all of that.
bjvntg.com
You need to achieve something similar to that? :
yup anything similar to that would be good!
Great, you wanted on mobile only or in desktop like that :
mobile and desktop please
Go to your style.css file and add the following snippet
.product-list .card {
margin: 0 !important;
border: 1px solid #505050 !important;
}
looks good, but it decided to then off-center all the products. anyway to keep them centered?
Add the following code snippet to the same file :
.product-list {
justify-content: center !important;
}
thankyou so much! one final thing, how do I center the font and pricing under the listings?
You can center the font and pricing using this code :
.card__content {
text-align: center !important;
}
Thanks! is there an way to make it look just like the photo below, i'd rather there not be any empty space on the outside of the grid. I appreciate all your help!
It's still slightly off centered on the phone, as you can see the products are closer to the left side then the right.
maybe this is a better example of what I was looking for, and will help keep things centered.
Add this code to make it center on phone :
.product-list {
margin: 0 !important;
}
works great, is there anyway to change the border color to black?
Yeah the code snippet that I provided you :
.product-list .card {
margin: 0 !important;
border: 1px solid #505050 !important;
}
just change #505050 with #010101.
Is there anyway to move the description and pricing up so that it's closer to the photo?
Add the following code :
.card__content {
padding: 0 !important;
}
How do I change the border color to black?
I replied to your question above.
How do I make the outside border thickness the same thickness as the inside, because the outside is slightly skinnier.
I cannot enter the website.
password is retsam
This is an accepted solution.
The styles of the store are changed, I can't redo all of that.
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