How to change pagination dtyle on Refresh Theme

Store Design
, , ,
1

what is the way to change pagination style from dots under the picture of slideshow to the way it looks on the example (passes and on the picture)

a1.png
a1.png416×188 15.8 KB

a2.png
a2.png879×326 158 KB

2

Hi, @DenVug .

Follow These steps,

Go to the online store theme and go to base.css file paste the code mentiond below.

span.dot {
    height: 10px !important;
    width: 100px !important;
    border-radius: 0px !important;
    background: black !important;
}
.slider-button {
    display: none;
}
span.dot {
    filter: invert(1);
    margin-top: -40px;
}

Result:

websensepro_1-1689062955787.png
websensepro_1-1689062955787.png1358×614 766 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

3

Thanks for helping, however thats not exactly what ive been looking for and if you could provide those changes it would make me really happy

  1. animated stripes that are small and darker when slide is unactive and normal size and white when active.

2.the click on stripes doesnt work, its somewhere 15 pixels under

3.not working on mobile device

snoozeband.co

this is a great example

Please let me know if you think its possible to make.

Thanks a lot once more

4

hello DenVug, I saw on your website that you managed to animated your pagination can you please tell me how you did it. Thanks