Hi Forum,

 

I look for a way to add a colored border to the thumbnail images in the pager of a cycle2 slideshow. So far i can only change the border thickness like shown below, but how do I change the color?

 

                <div class="cycle-slideshow"
   data-cycle-pager-template="<a href=# ><img src='{{src}}' height=30 border=3></a>"

 

    data-cycle-timeout=0
    data-cycle-caption="#adv-custom-caption"
    data-cycle-caption-template="{{cycleTitle}}"
    data-cycle-center-horz=true
    data-cycle-center-vert=true
    data-cycle-pager="#pager1"
 
    data-cycle-slides=">img"
    data-cycle-update-view=-1

<div class="cycle-pager" id="pager1"></div>

 

 

Best regards

 

Morten B