Suna - 0766 313 898

NextGen Gallery iexplorer thumbnail display fix

by

We all can see that the best wordpress plugin for image slideshow has a little bug. The thumbnails are displayed proper in Mozilla or Google Chrome but when it comes to Internet Explorer the thumbs display is a real mess. I’ve figured out how to fix this problem issue. All you have to do is to change this code in they’re css configuration.

/* ———– Gallery style ————-*/
.ngg-galleryoverview {
text-align: center;
overflow: hidden;
margin-top: 10px;
width: 100%;
clear:both;
display:block !important;
}

.ngg-gallery-thumbnail-box {
/*display: block;*/
display:inline;
text-align: center;
}

.ngg-galleryoverview .desc {
/* required for description */
margin:0px 10px 10px 0px;
padding:5px;
}

.ngg-gallery-thumbnail {
/*float: left; by Jimba*/
margin-right: 5px;
text-align: center;
/*display: inline-block;*/
display:inline;
}

.ngg-gallery-thumbnail img {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
/*display: block; by Jimba */
margin: 4px 0px 4px 5px;
padding:4px;
position:relative;
}

.ngg-gallery-thumbnail img:hover {
background-color: #A9A9A9;
}

.ngg-gallery-thumbnail span {
/* Images description */
font-size:90%;
padding-left:5px;
display:block;
}

.ngg-clear {
clear: both;

Share