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

Topic summary

A user running the Ella theme on Shopify seeks help removing white space between sections on their store (siteamoy.net). Multiple developers provided similar CSS solutions:

Primary Solution:

  • Navigate to: Online Store > Theme > Edit Code > Assets > theme-styles.css
  • Add CSS targeting specific section IDs with padding-bottom: 0px !important; and margin-bottom: 0px !important;
  • Most responses suggest placing code at the bottom of the CSS file or above the </body> tag in theme.liquid

Key Section IDs Targeted:

  • #slideshow-1540952363851
  • #custom-block-1548369408
  • #home-policies-1632728032e55
  • #custom-block-9e6e5c42-c69f-4b0d-80f4-5a229667

Current Status:
The user initially thanked contributors, but later reported updating their homepage, creating two new white space issues:

  1. Space above policies section
  2. Space under Instagram section

One developer requested screenshots to provide updated code. The discussion remains open with the user awaiting further assistance for the new spacing problems.

Summarized with AI on November 23. AI used: claude-sonnet-4-5-20250929.

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

1 Like

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.

2 Likes

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:

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

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.

1 Like

@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!

1 Like

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;
}

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;
}

@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;
}
2 Likes

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

1 Like

thanks very much

thank you sir, best wishes

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.

1 Like

@hellohanshun

can you please so me issue images?