css3 - Slider dots move when changing position in CSS -

I have found a CSS3 slider that works, but I want the points given below through which you navigate in the slide can do. Only in the slider

When I change the status of dots, they stop working, if I click on a dot, then it does not navigate to that slide and it makes a strange hop.

Thank you

I added a JSF to show what I said:

< P> works as a slider in the filename, but the dots are not inside the slider.

When I change it, the dots come into the slider like this:

  # Slideshow-wrap label: no (.arrows): active {bottom: 15px }  

This stops working.

Any ideas why?

change

  # slideshow-wrap label: no (.) : No (.show-description-label) {... below: -44px; ...}  

To

  #Slideshow-wrap labels: no (.arrows): no (.show-description-label) {.. Bottom: 15px; ...}  

and

  # slideshow-wrap labels: no (.arrows): active {bottom: -46px}  

To

  #Slideshow-wrap labels: no (.arrows): active {bottom: 15px}