Narrative Theme: Remove spacing between custom content blocks

[SDBdigital]

Hi

Im trying to remove the spacing between the blocks in the 'custom content' section.

See attached image.

[dmwwebartisan]

@SDBdigital 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

[SDBdigital]

Hi

URL is https://renomed-usa.myshopify.com/

password: iwheup

I copied the 'custom content' section into a new template for the 'About' page.

There is a link to the about page in the navigation.

[dmwwebartisan]

@SDBdigital 

Do you want to remove this sapce ?

[SDBdigital]

Hi

No the space between rows (although I might want to try that)

The space between columns (left and right of images)

See attached.

[dmwwebartisan · Accepted solution]

@SDBdigital 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

#about .custom__item-inner.custom__item-inner--text {
    margin-left: 20px;
    margin-right: 20px;
}
#about .custom__item{
padding-left: 0px !important;
}

Hope this helps.

Thanks!

[SDBdigital]

Wow, thats awesome.

Worked like a charm.

And if I want to get rid of the space between rows, like you initially thought?

[dmwwebartisan · Accepted solution]

@SDBdigital 

Thanks!

For this, you can use the following.

#about .custom__item{
margin: 0px !important;
}

Thanks!

[SDBdigital]

You are my hero! Thank you.