How to remove white space between all sections on theme Ella?

[hellohanshun]

Hello,

Can someone please help to remove space between sections, I’ve tried everything with no success, I even can’t find those css or scss code files in other solved questions, maybe different themes have defferent code fles? I’m using Ella theme.

my store URL: siyoteam.net

All white space(gap) need to be delete.

Any help would be welcome, please.

@dmwwebartisan @PageFly-Victor @GemPages @KetanKumar

Thanks

[harivishwakarma]

hallo @hellohanshun

ou can try this code by following these steps:

GO to online store > Theme > Action > Edit code > Layout > theme.liquid
paste this code above tag

#slideshow-1540952363851 { padding-bottom:0px !important; } #custom-block-1541389364083, #home-policies-16327280239e12e355, custom-block-9e6e5c42-c96f-4b0d-80f4-5fa290226867 { margin-bottom: 0px !important; }

Hope this answer helps.

[GemPages]

Hello @hellohanshun ,

Glad to support you today.

To can remove the gap between all sections, you can check out my suggestion below to make it:

1. Go to Edit code on Online Store:

2. add my code above the tag on Theme.liquid:

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.

[dmwwebartisan]

@hellohanshun

Please add the following CSS to your assets/theme-styles.css bottom of the file.

#slideshow-1540952363851 {
		padding-bottom:0px !important;
	}
	#custom-block-1541389364083, #home-policies-16327280239e12e355, custom-block-9e6e5c42-c96f-4b0d-80f4-5fa290226867 {
		margin-bottom: 0px !important;
	}

Thanks!

[EBOOST]

Hi @hellohanshun

May I suggest to update code these steps:

1. Go to Store Online-> theme → edit code
2. Assets/theme-styles.css
3. find class class SliderComponent after that replace with code below

.template-index .main-content .shopify-section > div {
	margin: 0 auto!important;
}
.template-index .main-content .home-slideshow {
	padding-bottom: 0!important;
}

[shubhamSharma]

hey Hellohanshun,
which place remove you white space in home page 2image between space or inter sectios remove image ??

1. Go to Edit code on Online Store: open edit code and
2. Go to assets/theme-styles.css
3. past this code at end of the css file.

#slideshow-1540952363851 {
padding-bottom: 0px important;
}
#custom-block-1541389364083 , #custom-block-1541389364083, #custom-block-9e6e5c42-c96f-4b0d-80f4-5fa290226867, #custom-block-f28fd84f-c28b-4fd4-8f71-3dfca3cc676f {
margin-bottom: 0px important;
}

[KetanKumar]

@hellohanshun

oh sorry for that issue, can you please try this code

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

#home-policies-16327280239e12e355, #custom-block-1541389364083, #custom-block-9e6e5c42-c96f-4b0d-80f4-5fa290226867 {
    margin-bottom: 0 !important;
}

[PageFly-Victor]

Hi @hellohanshun

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Add this CSS at the bottom

Online Store ->Theme ->Edit code

Assets ->theme-styles.css

.home-slideshow, .lookbook-slideshow {
    padding: 0 !important;
}
#custom-block-1541389364083, #home-policies-16327280239e12e355, custom-block-9e6e5c42-c96f-4b0d-80f4-5fa290226867 {
    margin-bottom: 0px !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

[hellohanshun]

thanks very much

[hellohanshun]

thank you sir, best wishes

[hellohanshun]

Sorry sir, I updated my homepage of web store, could help to update your codes?

Two more white space: 1 space area above policies + 1 space areas above and 1 space areas under instagram section.

URL:siyoteam.net

Sincere wish.

[KetanKumar]

@hellohanshun

can you please so me issue images?