Fullwidth slideshow in header/bottom position

Hello,
what I'm trying to achieve is to have a slideshow (such as the image show GK4) in one of the module position in the frontpage, but NOT as intro.
Just to make an example: in the page http://www.europeisanarchipelago.com/en/#gkHeader I'd like to substitute the content of the module named "Ginger sailed away" with a full-width slideshow...but I just can't get to do it.
What I get, when I try to do that, is a centered slideshow, but no full-width.
Is there any suggestion you could give on how to proceed?

Thank you very much

Matteo

Could you please add some custom suffix for this module (fullwidth for example)?

Yes. I could. Dumb me.
But still I don't get what I need. Right now the width of the slide show is limitated at the "central" portion of the page (eg. the width between the logo and the main menu)...I'd like to have it really fullwidth.
Is it that achievable?

Thank you again for your time,

Matteo

I think that I should override, for this specific module, the .gkPage width bringing it to 100%...but I don't see how without messing the rest of the layout...

Please set any custom suffix (like myFullWidth or a kind) on that module on the page that you have sent to me - I'll prepare a override for you.

Thank you Cyberek,
I cannot do it on that page, could you please simply prepare the override with the custom suffix you prefer and post it here?
Thank you,

Matteo

Code: Select all

.customSuffix .gkPage {
    max-width: 100%;
}


Above code in override.css should make 100% width available.

Dear Cyberek, that's great.
And...pretty straightforward...I should have get by myself.
Sorry for bothering and thank you very much again.

Don't worry
If you will have any other questions, feel free to post new forum threads.

Hi I added .fullwide.gkPage {
max-width: 100%;
}
I used the suffix on the module.. fullwide
But the image in the module (bottom 2 pos) - fixperts.ae is not showing full width..
Inspecting the module using Firebug i can see that the code is as follows..

<section id="gkBottom2">
<div class="gkCols6 gkPage">
<div class="box fullwide gkmod-1">
<div class="content">
<div class="custom fullwide">
<img src="/images/bottom2wide.jpg" alt="bottom2wide">
</div>
</div>
</div>
</div>
</section>

If i change the code in Fb to this...

<section id="gkBottom2">
<div class="fullwide">
<div class="clear">
<div class="content">
<div class="fullwide">
<img src="/images/bottom2wide.jpg" alt="bottom2wide">
</div>
</div>
</div>
</div>
</section>

it works, what am i missing?

Could you please post an url to your site?

Hi Cyberek

It is http://www.fixperts.ae

Thanks
Kev

You need to add page suffix (via template settings) not module suffix.

Hi Cyberek

Can u explain please?

Thanks

There is not much to explain.
Maybe this documentation will help:
https://www.gavick.com/documentation/jo ... omla-pages

Sorry I maybe missing something but i don't understand how that link helps me at all.

Kev

It describes how to setup page suffixes via template settings and use it to prefix some css.