New Shopify Certification now available: Liquid Storefronts for Theme Developers

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

Solved
BraxtonEcom
Explorer
75 0 14

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
3787 710 1103

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;
}

 

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!

View solution in original post

Replies 5 (5)
made4Uo
Shopify Partner
3787 710 1103

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;
}

 

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!
BraxtonEcom
Explorer
75 0 14

Thank you so much :))

Braxton
Mike_Perry
Tourist
6 0 5

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

BossBaddie
Visitor
1 0 1

Yes, It worked perfectly for me

afcompany
Shopify Partner
14 0 6

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;