Not responsive Image Show module

good morning
I created a site with this template, the images of the Image Show module GK4 are not responsive, if I open with a smartphone can be seen cut.
how can I do?
thanks

Hello,

If you really need, you can override the used images using CSS like this:

Code: Select all

.gkIsWrapper-gk_creativity .figure:nth-child(1) {
background-image: YOUR_IMAGE;
}
.gkIsWrapper-gk_creativity .figure:nth-child(2) {
background-image: YOUR_IMAGE;
}
.gkIsWrapper-gk_creativity .figure:nth-child(3) {
background-image: YOUR_IMAGE;
}
...
.gkIsWrapper-gk_creativity .figure:nth-child(n) {
background-image: YOUR_IMAGE;
}


Hi,

I have the same problem, in this case trying to set it right in my browser ( http://37.26.108.116/~hellopar/ )
is something wrong with 100% width and auto height?

@inesko - please remember that images in the slides uses background-size: cover.

good evening
thanks for the help
I wrote the code like this:

.gkIsWrapper-gk_creativity .figure:nth-child(1) {
background-image:url (http://localhost/luppoloepatata/images/spot/spot1.jpg);
}
.gkIsWrapper-gk_creativity .figure:nth-child(2) {
background-image:url (http://localhost/luppoloepatata/images/spot/spot2.jpg);
}
.gkIsWrapper-gk_creativity .figure:nth-child(3) {
background-image:url (http://localhost/luppoloepatata/images/spot/spot3.jpg);
}
but does not work
What's wrong?

(localhost
because I'm working in local)

Did you tried to add !important?

I tried but it does not work...

I've done small success test on our creativity demo page - I've added in the chrome dev tools the following code to the image show CSS file:

Code: Select all

.gkIsWrapper-gk_creativity .figure:nth-child(1) {
background-image: url('http://demo.gavick.com/joomla25/creativity/modules/mod_news_pro_gk5/cache/k2.items.cache.1379b5de7cb668c186ab48a9361eabd7_Lnsp-672.jpg')!important;
}

and it works perfectly so my snippets are correct.