Help centering text and removing white space from supply theme

[ineedcsshelp]

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}

[KetanKumar · 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;}

[KetanKumar · 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;}

[ineedcsshelp]

Thanks for the quick response!

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

[KetanKumar · Accepted solution]

@ineedcsshelp 

yes please add this code

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