How to disable this " DOT " on a slide banner

Topic summary

A user needed help removing pagination dots from a slideshow banner on their Shopify store (Empire theme version 11.1.3).

Solution Provided:

  • Navigate to: Online Store → Themes → Actions → Edit Code → theme.css
  • Add the following CSS at the end of the file:
.slideshow-pagination {
  display: none !important;
}

Outcome:
The solution successfully removed the dots from the slide banner. An alternative method was also suggested involving adding code to the theme.liquid file before the closing </body> tag, though the CSS approach resolved the issue.

Status: Resolved

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

Hi everyone

can anyone help me how to disable " DOT " in a slide banner

I remember to see there is a button to disable this but I forgot

website : www.oscarliving.co.id

Empire 11.1.3

1 Like

Hello @OLIV1
Go to online store ----> themes ----> actions ----> edit code ----> theme.css
add this code at the end of the file and save.

.slideshow-pagination {
display: none !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks


hey @OLIV1 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

Dear GTL

Thank You so much … It works well

Thank you thank you

Happy to help-you
Please hit the like button also.