How to remove the white bar below a slideshow section?

Store Design

Topic summary

A user wants to remove the white pagination bar appearing below a slideshow section on their all-black website, as it looks visually inconsistent.

Solution Provided:

  • Add custom CSS code to the theme’s base.css file:
    .slideshow__controls.slider-buttons.no-js-hidden {
  display:none;
}
  • The solution works for both Dawn and Spotlight themes
  • After implementing the code, ensure “Auto-rotate style” is enabled in the slideshow settings

Outcome:

  • The original poster confirmed the solution worked successfully
  • However, another user reported the same CSS fix did not work for their site, leaving their issue unresolved and requesting an alternative solution
Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

How do I remove the white bar with pagination options underneath a slideshow section? My website is all black and it looks out of place.

Thanks

Screenshot 2024-02-23 153823.png
Screenshot 2024-02-23 153823.png2800Ă—1404 684 KB

1 Like
2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

Hi,

There isnt a password but the site is loftedgolf.net

4

Hello @LoftedGolf ,

I understand you are looking to remove the pagination from the sideshow section.

You can implement this change by adding a small code in your store base.css (or .css file) file [I am assuming you are using dawn them]

Please add the below mentioned code.

→ First open the base.css file https://prnt.sc/FAoCm2xVNFxi , https://prnt.sc/OeJQ0i5r1Dii

→ Add the below mentioned code at the bottom of base.css file and save

.slideshow__controls.slider-buttons.no-js-hidden {
display:none;
}

I hope the code helps you.

Please let me know if you have any query.

Thank you.

5

Hello @LoftedGolf ,

As I have seen you are using the Spotlight theme, my above mentioned solution is also applicable in the Spotlight theme. You can try at once

[Note-> After code implementation, make sure you have selected(checked) “Auto-rotate style” , if not steps for doing this change https://prnt.sc/MOSqWiKctWVF , https://prnt.sc/CmCvCFneaac5 , https://prnt.sc/aWLM-PxCTVtb ]

Thank you.

6

That worked, thanks!

7

Hello, I want to remove the pagination white bar too and I did what you said in your post, but it doesn’t work, do you have a different solution? Thanks a lot.