Help centering text and removing white space from supply theme

Store Design
1

Hello,

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

csshelp.PNG
csshelp.PNG1110×820 391 KB

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}

2

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

Thanks for the quick response!

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

4

@ineedcsshelp

yes please add this code

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