How to keep all prices & star ratings showing at the same level, despite the length of product title

Store Design
1

Hey guys,

I hope you’re well!

Sorry if the title of the question is confusing at all. Right now in our store, the price & star ratings show on different levels based on the length of the product title above - please see below example:

ronniespencer1_0-1655128231180.png
ronniespencer1_0-1655128231180.png650×214 9.44 KB

I would just like to know if there’s a way to keep all prices / ratings on the same level, just so it looks neater?

Any help would be much appreciated, thanks a lot :slightly_smiling_face:

1 Like
2

Hi,

Please share your store URL and if your store is password protected then also provide password too.

Thank you.

3

https://giftsfromthecrypt.co.uk

thanks a lot :slightly_smiling_face:

4

Please add below css code in bottom of assets/theme.scss.css file

.product-item–price {
display: inline-block;

}

.spr-badge {
display: inline-block;
margin-left: 10px;

}
Thank you.

5

Hey Denishamakwana,

Thank you so much for taking the time to respond!

Unfortunately I don’t seem to have a theme.scss.css file in the assets folder; we have theme.scss.liquid in there but adding that code to the bottom of there hasn’t changed anything unfortunately.