Power Slider Lite

Advanced Search

pagination with just plain old circles instead of numbers

Permalink Browser Info Environment
Could someone point me in the right direction? i would like to replace the pagination numbers with just circles that change color depending on which image your on. Any help would be greatly appreciated.
Type: Discussion
Status: New
Saxafrass
View Replies:
justinbird replied on at Permalink Reply
justinbird
Here's what I did to accomplish that. Just edit a few lines in the style.css file (under packages/michaelg_power_slider_lite/blocks/power_slider_lite/css). I also made two images - one of a filled circle, and one of an open circle, and put them in the css folder, as well:

.powerSliderPagination a { 
 display: inline-block; 
 width:22px; height:22px;
 text-indent:500px; /* hides the numbers */
 overflow:hidden;
 background-image:url(pagination_inactive.png);
}
.powerSliderPagination a:hover, .powerSliderPagination  a.activeSlide { background-image:url(pagination_active.png);   }
Atreu replied on at Permalink Reply 1 Attachment
Atreu
I did this. It worked great! However, I am also trying to use a circle. The "selected" circle appears fine, however, the original "Unselected" circle comes up as a square. Any ideas on how to resolve this? Feel free to see the screenshot.

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.