Intro module mod_image_show_gk4 background color

Hi, how to change the background color and the icon while loading intro (Different buttons), it appears between slides and looks like #7484ff - any ideas?

Hello,

The background color can be set instead of image in the slide settings. The icons are defined as a content or title of the slide.

The main background color of the slider is specified in the styleX.css file where X is a number of style used on your page.

Hello,

The background color can be set instead of image in the slide settings. The icons are defined as a content or title of the slide.

The main background color of the slider is specified in the styleX.css file where X is a number of style used on your page.

Dziudek, chodzi mi o ten niebieski kolor co jest w tle pomiedzy slajdami jak sie wygasza jeden i wchodzi drugi, i o ta ikonke zegarka ktora pojawia sie tylko na poczatku gdy slajdy sie laduja.

The slideshow background color is defined in the style1.css file as:

Code: Select all

.gkIsWrapperFixed {
background: #7484ff!important;
}

The preloader is defined in the modules/mod_images_show_gk4/styles/gk_creativity/style.css file as:

Code: Select all

/[b]
 *
 * Preloader
 *
 [/b]/
.gkIsWrapper-gk_creativity.notloaded .gkIsLoader {
   -webkit-animation-name: gkistimer;
   -webkit-animation-duration: 0.75s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
      -moz-animation-name: gkistimer;
      -moz-animation-duration: 0.75s;
      -moz-animation-iteration-count: infinite;
      -moz-animation-timing-function: linear;
           animation-name: gkistimer;
           animation-duration: 0.75s;
           animation-iteration-count: infinite;
           animation-timing-function: linear;
   border: 2px solid #fff;
   -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
           border-radius: 50%;
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
   content: "";
   display: block;
   height: 32px;
   left: 48%;
   position: relative;
   top: 48%;
   width: 32px;
}

.gkIsWrapper-gk_creativity.notloaded .gkIsLoader:before {
   background: #fff;
   -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
           border-radius: 2px;
   content: "";
   display: block;
   height: 2px;
   left: 48%;
   position: relative;
   top: 48%;
   -webkit-transform-origin: 0 50%;
      -moz-transform-origin: 0 50%;
           transform-origin: 0 50%;
   width: 10px;
}

.gkLoadMore:hover .gkLoader {
   border-color: #fff;
}

.gkLoadMore:hover .gkLoader:before {
   background: #fff;
}

@-webkit-keyframes gkistimer {
   from { -webkit-transform: scale(1.0) rotateZ(0deg); }
   50% { -webkit-transform: scale(1.2) rotateZ(180deg); }
   to { -webkit-transform: scale(1.0) rotateZ(360deg); }
}

@-moz-keyframes gkistimer {
   from { -moz-transform: scale(1.0) rotateZ(0deg); }
   50% { -moz-transform: scale(1.2) rotateZ(180deg); }
   to { -moz-transform: scale(1.0) rotateZ(360deg); }
}

@keyframes gkistimer {
   from { transform: scale(1.0) rotateZ(0deg); }
   50% { transform: scale(1.2) rotateZ(180deg); }
   to { transform: scale(1.0) rotateZ(360deg); }
}

Thank you very much! That solves all my problems for now