How can reduce column spacing? (dawn theme)?

[10xfuel]

Hi! How can I reduce on www.10xfuel.com the spacing of these two column images?

thx!

[ThePrimeWeb]

Hey @10xfuel ,

Please paste this into the Custom CSS

li:first-child .multicolumn-card__image-wrapper.multicolumn-card__image-wrapper--half-width.multicolumn-card-spacing {
    margin-right: 30px;
}

li:last-child .multicolumn-card__image-wrapper.multicolumn-card__image-wrapper--half-width.multicolumn-card-spacing {
    margin-left: 30px;
}

li:first-child .multicolumn-card .multicolumn-card__info {
    text-align: right;
    margin-right: 30px;
    transform: translateX(-17%)
}

li:last-child .multicolumn-card .multicolumn-card__info {
    text-align: left;
    margin-left: 30px;
    transform: translateX(13%)
}

@media only screen and (max-width: 992px) {
    li:first-child .multicolumn-card .multicolumn-card__info {
        transform: translateX(-10%)
    }

    li:last-child .multicolumn-card .multicolumn-card__info {
        transform: translateX(15%);
        margin-left: 0;
    }

}

[10xfuel]

thx - where exactly in the Custom CSS?

[10xfuel]

www.10xfuel.com

[ThePrimeWeb]

Hey @10xfuel ,

On your sidebar Just paste the whole thing.

[10xfuel]

thx! It’s too long for this field:

[ThePrimeWeb]

I see

Then try and do this,

In your theme go to “Edit Code” and search for theme.liquid, then right below the tag that says “”, paste the following code