How can I adjust the line height in my cart?

Store Design
, , , , , , ,
1

Hi,

id like to fix the line height between the vendor and the title in my cart

There’s to much spacing

my site is https://b32b39-5.myshopify.com/collections/vendors?q=ZANELLATO

3E763961-5D98-46CB-ABF5-9030730D6E29.jpeg
3E763961-5D98-46CB-ABF5-9030730D6E29.jpeg1576×2100 392 KB

2

you can simply decrease the gap between them

s3.png
s3.png1901×889 302 KB

here is code to add :

.v-stack {
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    display: grid;
    gap: 0.2rem !important; // add this to your code
}
3

Hi @MIKESTORK

Check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.cart-drawer__items .v-stack.justify-items-start.gap-2 {
    gap: 0px;
}
.cart-drawer__items .v-stack.justify-items-start.gap-1 {
    padding-bottom: .30rem;
}

And Save.

Result:

Made4uoRibe_0-1708031155954.png
Made4uoRibe_0-1708031155954.png448×673 32.7 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!