Kropki do wyboru slajdu w sliderze

[webszaja]

Witam wszystkich w jaki sposób zmodyfikować slider w szablonie podstawowym ps 1.6 aby po środku na dole znalazły się tzw. Kropki do wyboru poszczególnych slajdów?

[atomek]

w pliku themes/TWOJ SZABLON/js/modules/homeslider/js/homeslider.js

 

if (!!$.prototype.bxSlider)
        $('#homeslider').bxSlider({
            useCSS: false,
            maxSlides: 1,
            slideWidth: homeslider_width,
            infiniteLoop: homeslider_loop,
            hideControlOnEnd: true,
            pager: false,   <- ustaw to na true
            autoHover: true,
            auto: homeslider_loop,
            speed: parseInt(homeslider_speed),
            pause: homeslider_pause,
            controls: false
        });

 

być może będziesz musiał zmienić css

[webszaja]

niestety nie działa, w ogóle się nie pojawiły czy to kwestia css? czy miało się pojawić cokolwiek aby można było to ostylować w css?

[atomek]

sprawdź w pliku
/themes/default-bootstrap/css/modules/homeslider/homeslider.css

dla elementu #homepage-slider masz overflow: hidden

jeżeli chcesz te kropki mieć na zdjęciu zmień style elementu <div class="bx-pager bx-default-pager">
 

[webszaja]

sprawdź w pliku

/themes/default-bootstrap/css/modules/homeslider/homeslider.css

 

dla elementu #homepage-slider masz overflow: hidden

 

jeżeli chcesz te kropki mieć na zdjęciu zmień style elementu <div class="bx-pager bx-default-pager">

 

ok super, chodzi ale pojawiło się kolejne pytanie, jak w css uzyskać hover na kropce który równa się jeden kolor na kropce jest inny i to kolor aktywności danego slajdu, a dwa pytanie kolejne, przyciski po lewej i prawej stronie slidera po zeskalowaniu strony do mniejszej rozdzielczości nie są stałe w jednej lini na środku slidera tylko schodzą diametralnie w dół, jak to można poprawić?

 

 

Tutaj strona ze sliderem:

 

https://goo.gl/Fa6xvm