How to remove the white bar below a slideshow section?

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

Hello There,

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

Hi,

There isnt a password but the site is loftedgolf.net

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.

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.

That worked, thanks!

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.