How can I adjust the font spacing in the Impulse theme?

Store Design
1

Hi,

on my featured products homepage and collection page

the product title font is spaced out to much so the line overlaps. Is it possible to make these maybe 0.2 or something closer to my vendor name. I tried changing the spacing inside the theme but it didn’t help. Thank you

C532C5C7-6F04-4F05-96BE-219E87A125A7.jpeg
C532C5C7-6F04-4F05-96BE-219E87A125A7.jpeg1170×2532 181 KB

A5238147-D79D-4041-AC52-A46DF485FDDB.jpeg
A5238147-D79D-4041-AC52-A46DF485FDDB.jpeg1170×2532 149 KB

2

Hi @Luxurymrkt

Please provide your store URL.

3

Hi @Luxurymrkt ,

There are several ways to do this. You can use the line-height but the code below works as well with shorter code. Please do the following instructions

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the theme.css
  3. Paste the code below at the very bottom of the file.
.grid-product__content .grid-product__meta {
    gap: 5px;
}
4

https://luxurymrkt.com

5

I tried this it didn’t do anything.
I think I need 2 codes one to condense the font closer to each letter say 0.2

and another to make sure the line doesn’t cut off the word

6

thank you

7 
.grid-product__vendor {
	margin-bottom: 10px;
}

Please add this CSS code to theme.css file

8

Hi @Luxurymrkt

I’m Richard Nguyen - CRO Expert at PageFly- Free Landing Page Builder.

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->Theme.css->paste bellow code in bottom of file

.grid-product__title {

margin-top: 10px !important;

}

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly