Help centering text and removing white space from supply theme

Solved
ineedcsshelp
New Member
3 0 2

Hello,

I am using the supply theme. My website is eccommerce.us and the password for the site is: ceheip

csshelp.PNG

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}

Accepted Solutions (2)

Accepted Solutions
KetanKumar
Shopify Partner
24919 2496 9027

This is an accepted solution.

@ineedcsshelp 

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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
24919 2496 9027

This is an accepted solution.

@ineedcsshelp 

yes please add this code

.product-item--price, .grid-item .product-grid-item>p {margin-bottom: 5px;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 3 (3)
KetanKumar
Shopify Partner
24919 2496 9027

This is an accepted solution.

@ineedcsshelp 

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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

ineedcsshelp
New Member
3 0 2

Thanks for the quick response!

Is there a way to reduce the white space between the product title/price/discount price?

KetanKumar
Shopify Partner
24919 2496 9027

This is an accepted solution.

@ineedcsshelp 

yes please add this code

.product-item--price, .grid-item .product-grid-item>p {margin-bottom: 5px;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post