gk Image Show responsive problem

Hi,

I was trying to make some changes to align this module with responsive design. Everything went ok until I added new slide.
rsts.brightideas.sk it added new slide under previous one.

In firebug I added into gkIsImage element.style position: absolute; and it solved the problem, but after I added this line into override.css

.gkIsImage {
height: auto !important;
position: absolute;
}

Whole module disapears.

Noot sure but I think problem is in activ class “gkIsImage active” how can I define it to be position: absolute;?
I'm still learning css so maybe silly question but this is first time I'm facing that

Thx, Jan

Hi

Please add this code to css and let me know when You will do this, so I'll check if other code is not required:

Code: Select all

.gkIsWrapper-gk_appsprotech.loaded .gkIsImage img {
position: absolute;
}


Hi I added it, now the whole module dissapeared.
It seems it's loading images on the right location (both) at same area as needed, but mainbody is covering it...

Hi

Please remove this code from override.css:

Code: Select all

.gkIsImage {
    height: auto !important;
}


Thx for reply, it fixes the problem. But now I have the same problem as I wanted to solve at the begining. Responsiveness.
When making screen smaller, top1 module is decreasing width but keeping height at 374px as defined in ImageShow configuration.
Can I somehow fix that also?

Hi

Sorry, but not with the code You have right now. It would need to be recoded. I think best option is to use a different style or different module than.

Hi,

can you advise me a bit more what should be recoded, and what different module or style I should use?

Thx, Jan

Hi

My favourite style is "Music State". It is responsive and if You will use it to use module style should works fine. Of course You need to remove all the extra code added till now.