Remove the slick dots from slideshow

Hello hoosierhank,
To remove the slick-dots and the arrows from the slideshow.
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

button.slick-prev.slick-arrow {
    display: none!important;
}
button.slick-next.slick-arrow {
    display: none!important;
}
ul.slick-dots {
    display: none!important;
}
button.hero__pause.is-paused {
    display: none;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
hoosierhank
New Member
4 0 0

Awesome! It fixed it on PC and mobile. Is there a way to remove the pause/play button as well?

 

Thanks!,

 

Hank

0 Likes

Add this css

button.hero__pause {
    display: none;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
hoosierhank
New Member
4 0 0

works! thank you!

 

0 Likes