GK Image Show Pagination

Hello,

I have 5 sliders on the home page in the GK Image Show widget. I have pagination turned on so I see the dots on the bottom right of the slider. The dots (5) seem to be overlapping the images. How do I adjust that so it doesn't overlap onto the picture?

Also, how do I change the color of the active(current) slide from white to something else? Since the sides have a white background it is tough to figure out. Pls advice. Screenshot attached.

Thanks.

Hi,
Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it?

I can't see the pagination now, did you disable it?

Sorry. I have enabled it now.

Try to add the following custom css code:

Code: Select all

@media (min-width: 1720px) {
   .gk-is-wrapper-gk-university .gk-is-pagination {
      right: 160px;
   }
}

.gk-is-wrapper-gk-university .gk-is-pagination li.active,
.gk-is-wrapper-gk-university .gk-is-pagination li:active
.gk-is-wrapper-gk-university .gk-is-pagination li:focus,
.gk-is-wrapper-gk-university .gk-is-pagination li:hover {
   background: red;
}


Works great. Thank you.