• Visual SlideShow

  • FAQ

Need to remove the thick borders around the picture slide show thumbnails

Q: I purchased Visual Slideshow. It has been easy to understand and use.
I am not familiar with coding, and need to remove the thick borders around the
thumbnails. The background is black and the contrast from the light blue border is not attractive.
How can I do this?

A: You should find the following code in engine/css/slideshow.css file:

.slideshow-thumbnails a {
        display: block;
        float: left;
        padding: 5px;
        position: relative; 
}



and set value of 'padding' parameter to '0px':

.slideshow-thumbnails a {
        display: block;
        float: left;
        padding: 0px;
        position: relative; 
}



Or you can change color of the thumbnail frames in
engine/css/slideshow.css file.
Just find the following code:

.slideshow-thumbnails a:hover {
        background-color: #FF9 !important;
        opacity: 1 !important;
}

}
.slideshow-thumbnails-active {
        background-color: #9FF;
        opacity: 1;
}
.slideshow-thumbnails-inactive {
        background-color: #FFF;
        opacity: .5;
}



and set values you need for 'background-color' parameters.

Recent Questions »

Related