Remove the pagination style 'dots' from below slideshow section (Dawn Theme)

Solved

Remove the pagination style 'dots' from below slideshow section (Dawn Theme)

BraxtonEcom
Explorer
90 0 17

I would like to remove the pagination style 'dots' from below slideshow section, so that there is nothing below it.

 

I would like to do this on all devices.

 

URL: https://ortho-cushion.com/

 

Screenshot 2023-03-03 234028.png

Braxton
Accepted Solution (1)

made4Uo
Shopify Partner
3840 716 1177

This is an accepted solution.

Hi @BraxtonEcom 

 

I understand you want to remove the buttons for the slide show. Please follow the instructions below

 

1. From your Admin page, go to Online store > Themes > click the three dots > Edit code
2. Find the Asset folder, and open the base.css file
3. Add the code below at the very end of the file

 

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

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free

View solution in original post

Replies 6 (6)

made4Uo
Shopify Partner
3840 716 1177

This is an accepted solution.

Hi @BraxtonEcom 

 

I understand you want to remove the buttons for the slide show. Please follow the instructions below

 

1. From your Admin page, go to Online store > Themes > click the three dots > Edit code
2. Find the Asset folder, and open the base.css file
3. Add the code below at the very end of the file

 

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

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
BraxtonEcom
Explorer
90 0 17

Thank you so much :))

Braxton

Mike_Perry
Tourist
6 0 7

Did this work for anyone? for me it didn't change anything unfortunately. 

BossBaddie
Visitor
2 0 1

Yes, It worked perfectly for me

afcompany
Shopify Partner
16 0 9

Base.css didn't work for me either. I am using the refresh theme... But I figured it out. In the assets directory, open component-slider.css and change .slider-buttons to display: none;

 

Lakshyasethi
Shopify Partner
1 0 0

But this removes the announcement bar as well