Image Show using bikestore style

Hi There,

I am trying to use the Image show module in the Real Design template using the bike store style. It seems to work correctly however, I cannot seem to get the positioning of the module correct. Please can you assist me with aligning the module with the logo position on the left and the margin on the right and to decrease the spacing at the bottom.

The site url is http://41.185.8.159/~sos01/jupgrade/

Attached is a screenshot.

Thanks,
Steven

We will do it in 2 steps.
1. Please add gkWrap suffix to this module.
2. write back when You do.

Hi There,

I have added the suffix as suggested.

Thanks,
Steven

Ok, strangely I cant see the suffix, but never mind.
Please edit override.css (as I can see, You have already used it), and add:

Code: Select all

.gkIsWrapper-gk_bikestore {width: 1100px!important; margin: 0 auto;}
.gkIsWrapper-gk_bikestore figure {width: auto;}


Thanks, this looks a lot better. The module looks a bit narrow though. Also, when the animation between slides happens, the image jumps (if that makes any sense). Can you help me with this?

Please correct previous code and use this one instead:

Code: Select all

.gkIsWrapper-gk_bikestore {width: 1100px!important; margin: 0 auto;}
.gkIsWrapper-gk_bikestore figure {width: auto; margin: 0 !important;}


Thank you, it looks a lot better now.

Ok. With any questions not related to this topic, please feel free to create new forum threads.