Remove White Space Below Slideshow

Store Design
,

Topic summary

A user needed help removing unwanted white space appearing below their slideshow on a Shopify store after hiding the slideshow navigation elements (numbers, counters, dots).

Solution provided:

  • Add custom CSS code to the theme.liquid file
  • Insert the code just before the closing </body> tag
  • Access via: Online Store → Themes → Edit Code → theme.liquid

Outcome:
The CSS solution successfully removed the empty space below the slideshow. Multiple community members offered the same working fix, which the original poster confirmed resolved the issue.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

Hello, I hope someone can help me.

I was able to put a “None” option for my slideshow so there would not be any numbers, counters or dots for it. But I don’t know how to remove the empty space below it.
My website is https://hallie-td.myshopify.com and the password is 123.

here
here1831×765 151 KB

2 Likes
2

Mustafa_Ali_0-1748327902954.png
Mustafa_Ali_0-1748327902954.png1280×737 80.7 KB

hey @tinedgt dear follow these steps
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the ----->
before the body ----->
if this code work please do not forget to like and mark it solution

1 Like
3

Hey @tinedgt

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1748327917663.png
Moeed_0-1748327917663.png1893×915 88.3 KB

If I managed to help then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
4

thank you! this worked.

1 Like
5

thank you so much! this worked too!

6

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

2 Likes