Active Slide Pager Error for Views Singleframe Slideshow Solved

This solution is for Views Slideshow: SingleFrame

SingleFrame

6.x-2.3

I was facing this problem where I was unable to display the background for my pager-number for the activeSlide for Views Singleframe slideshow.

Finally I applied this CSS code and got it working:

.views-slideshow-controls-bottom .pager-item.activeSlide a {
    background: url("../images/custom_images/pager.png") no-repeat center bottom transparent;       
}

So, the main thing is put an "a tag" after activeSlide ==> i.e  activeSlide a.

For hover you can try this:

.views-slideshow-controls-bottom .pager-item a:hover {
    background: url("../images/custom_images/pager.png") no-repeat center bottom transparent;
}

Hope that helps.