How can I correct font and formatting issues in the Impulse theme?

[benraineydj]

Hi,

I’m using the impulse theme and I’m trying to get my collections spacing formatted the same as my heading,

Link to my website here: https://soundboxmusic.academy/

The heading text is spaced at -25 and the collections are really spaced out although I’ve ticked ‘use header’ in the theme settings I’d like them to be -25 if possible?

Thanks

[PageFly-Richard]

Hi @benraineydj ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste below code at the bottom of the file:

@media screen and (min-width: 990px) {
    .grid {
        margin: 0 0 0 -25px;
    }
    .grid .grid__item {
        padding-left: 25px;
    }
}

I hope it would help you
Best regards,

Richard | PageFly

[benraineydj]

Hey Richard

Thankyou so much for the quick reply, I’m actually talking about the text spacing being super wide, please see below for example

[PageFly-Richard]

Hi @benraineydj ,

I’m sorry to hear that. Please give it a try with this new solution:

Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste below code at the bottom of the file:

.grid-product__title {
    letter-spacing: 0 !important;
}

I hope it would help you
Best regards,

Richard | PageFly

[syedsumaimaly]

Hi @benraineydj

Follow these Steps:

Go to Online Store Edit Code Find theme.liquid file or base.css

Add the following code in the bottom of the file above tag

.grid-product__title {
    letter-spacing: -1px;
}