Shopify themes, liquid, logos, and UX
Hello,
I am using the supply theme. My website is eccommerce.us and the password for the site is: ceheip
I would like to remove the white space in the image above marked in blue. I would also like to align the save price to the right of the product price. Any help would be appreciated!
Currently I have this css added to the bottom of my theme.scss.liquid:
.grid-item .product-grid-item > p {text-align:center}
.grid-item .product-grid-item > .product-item--price {text-align:center}
Solved! Go to the solution
This is an accepted solution.
sorry for that issue can you try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.product-grid-item, a.product-grid-item {text-align: center;}
This is an accepted solution.
yes please add this code
.product-item--price, .grid-item .product-grid-item>p {margin-bottom: 5px;}
This is an accepted solution.
sorry for that issue can you try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.product-grid-item, a.product-grid-item {text-align: center;}
Thanks for the quick response!
Is there a way to reduce the white space between the product title/price/discount price?
This is an accepted solution.
yes please add this code
.product-item--price, .grid-item .product-grid-item>p {margin-bottom: 5px;}
User | RANK |
---|---|
231 | |
157 | |
61 | |
55 | |
46 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023