Narrative Theme: Remove spacing between custom content blocks

Solved
SDBdigital
Shopify Partner
17 0 5

Hi

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

See attached image.

Screenshot 2021-01-29 at 13.51.54.png

0 Likes
dmwwebartisan
Shopify Partner
4529 1019 1317

@SDBdigital 

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

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
SDBdigital
Shopify Partner
17 0 5

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
Shopify Partner
4529 1019 1317

@SDBdigital 

Do you want to remove this sapce ?

remove_this_section.jpg

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
SDBdigital
Shopify Partner
17 0 5

Hi

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

The space between columns (left and right of images)

See attached.

Screenshot 2021-01-29 at 14.27.32.png

dmwwebartisan
Shopify Partner
4529 1019 1317

This is an 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!

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
SDBdigital
Shopify Partner
17 0 5

Wow, thats awesome.

Worked like a charm.

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

 

 

dmwwebartisan
Shopify Partner
4529 1019 1317

This is an accepted solution.

@SDBdigital 

Thanks!

For this, you can use the following.

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

 

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
SDBdigital
Shopify Partner
17 0 5

You are my hero! Thank you.