Quark - Wider thumb images

I managed easily to create galleries as shown here: https://www.gavick.com/blog/quark-photoswipe-gallery

The gallery is great but I'm just wondering if it's possible to expand the thumb images to be 100 % covering the whole screen width.I mean, I would like to have wider thumb images doing something similar than here:

http://www.gaimo.com/aw15_new/

Is this possible?

Please I would be very gratefull if you can help me with this.

Thanks.
Regards

Could you please post an url to your site to a place where the gallery is published?

Not yet. But I'm just asking how to do it in your example gallery attached on my previous post.

Please, let me know. I hope muy post is clear enought.

Thanks.
Regards

It is better to see it on a live site. If you decide to post the gallery in different module position, or do anything different than in demo - solution might not work. But basically you should add a page suffix for that page and use it to override .gkPage class element to have 100% width instead of limited width.

Hi Cyberek

It seems it worked fine. I added this to override.css:

Code: Select all

.widegallery  .gkPage {
   max-width: 95%;
}


and created the corresponding page class suffix at the menus ( widegallery) and at the custom html module also containing the gallery in my site.

It seems everything is working fine. Just let me know if you see any problem with anything I pointed in that post.

Thanks.
Regards,

It seems you did exactly what I suggested. Its always better to see it on a live site before providing exact solution, but I see css knowledge is strong within you .
If you have any additional questions regarding this topic, please let me know.

Ps. Happy Christmas