Search This Blog

Wednesday, December 7, 2011

Active Slide Pager Error for Views Singleframe Slideshow Solved

This solution is for Views Slideshow: 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.

No comments:

Post a Comment

Thank you for your Feedback!
www.evagabond.me

Top Magento Hosting:

Top 5 Posts (Weekly)