Remove dots from banner slider in prestige

Store Design
1

Hi! I’m trying to remove the dots from our homepage banner as we no longer want it to be a slider/carousel. Can someone help me? We’re using the Prestige theme.

Screen Shot 2022-03-08 at 2.39.04 PM.png
Screen Shot 2022-03-08 at 2.39.04 PM.png2044×620 133 KB

2

@amrutavyas ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. In your theme.liquid file, find the (press CTRL + F or command + F on Mac)
  3. paste this code right above the tag:

Kind regards,
Diego

3

Ahh I tried this, but it still doesn’t seem to disappear on the homepage.
Thank you anyways!

4

Hi @amrutavyas ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

5

Hi @amrutavyas ,

Please share your store URL and password of front view.

So that I will check and let you know the exact solution here.

Best regards.

6

wakeheart.com

7

Hi @amrutavyas ,

You can try follow the instruction below:

  1. Go to Online Store → Theme → Edit code.
  2. Asset → find file custom.css and paste code below into the file.
div#myCarousel .carousel-indicators {
    display: none;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

8

Hi @amrutavyas ,

You can try follow the instruction below:

  1. Go to Online Store → Theme → Edit code.
  2. Asset → find file custom.css and paste code below into the file.
#myCarousel .carousel-indicators {
    display: none !important;
}

If you find this answer helpful, please mark it as a SOLUTION.

Best regards.

9

Go to Edit code -Asset -custom.css and paste at the end;

div#myCarousel .carousel-indicators {
    display: none;
}

Sample site baileys