Decrease space between retail price and inspired by

Store Design
, , , ,
1

I want to decrease the space between the Inspired by and Retail price

IMG_0140.jpeg
IMG_0140.jpeg1125×1381 85.7 KB

this code alligned both the add to cart and retail prices .collection__grid-loop.product__list-carousel .flickity-slider .product-index .product-info { height: 100px !important; } .collection__grid-loop.product__list-carousel .flickity-slider .product-index .product-metafields { height: 140px !important; } .collection__grid-loop.product__list-carousel .flickity-slider .product-index .product-metafields > p:nth-child(2) { height: 72px; }

2

Hey @aromaticaparfum

Replace your code with this code

.collection__grid-loop.product__list-carousel .flickity-slider .product-index .product-info { height: 60px !important; } .collection__grid-loop.product__list-carousel .flickity-slider .product-index .product-metafields { height: 110px !important; } .collection__grid-loop.product__list-carousel .flickity-slider .product-index .product-metafields > p:nth-child(2) { height: 35px; }

RESULT:

Moeed_0-1731732233605.png
Moeed_0-1731732233605.png374×668 54.2 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hi. It is causing overwriting on some of the prices of the product as you can see in the image below.

image.jpg
image.jpg4032×3024 1.69 MB

4

Hi @aromaticaparfum

Daisy here again

Please kindly go back to the code I sent you and adjust it by reducing the number here, it should work as expected

DaisyVo_0-1731732934615.png
DaisyVo_0-1731732934615.png765×621 137 KB

I hope this helps

Best,

Daisy