Gallery thumbnails « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Replete

Gallery thumbnails

10 posts from 3 voices

Started 2 months ago by StA
Latest reply from Nick
This topic is closed
This topic is resolved

Tags:

StA
Member

Hi guys,

Firstly great theme! I've managed to work my way through most things by looking at previous posts but I'm struggling with the gallery thumbnails. Even set to 7 columns (9 lloks great on a desktop) on iPad in portrait mode the thumnails take up a 'E' shape, i.e. do not follow on continuously from each other. Seems fine on the iPhone though.

Any suggestions?

Posted 2 months ago #
Nick
Moderator

Hi,

Do you mean by e-shape, that each of the images is on a different vertical allign? Could you create a screen capture and post a link to it here so we get a better idea, because I am not seeing this.

Thanks,

Nick

Posted 2 months ago #
StA
Member

Hi,

Sorry for the bad explanation ;)

I get 6 thumbnails on row 1, 1 thumb on row 2, 6 thumbs on row 3, 1 thumb on row 4, 6 thumbs on row 5 etc. They don't flow continuously after each other

Posted 2 months ago #
Devin
Moderator

Hi steveandrews8001,

We'll need to see the site live to see whats going on. If you are using replete 1.0, I believe there was a change in how the theme interacts with gallery items by default in either 1.1 or 1.2. Either way seeing it live we should be able to get a fix for you.

Regards,

Devin

Posted 2 months ago #
Nick
Moderator

Hi,

It sounds to me as if 7 is too much for each row and you should consider 6 to be the max. That is why the 7th one drops down a row. Your other course of action would be to make each image width 16% less to make enough room for an extra. But as Devin stated, please let us see this in action by providing a url.

Thanks,

Nick

Posted 2 months ago #
StA
Member

Hi both,

On iPhone 9 columns works because the thumbnails are in rows of three. Just tried 6 columns and works perfectly on iPad in portrait view. Only problem is desktop and iPad landscape seem awfully empty.

Link to test gallery is inkitfc.com/test-gallery/ (set to 6 columns)

inkitfc.com/test-gallery-2/ (set to 7 columns)

inkitfc.com/test-gallery-3/ (set to 9 columns...preferred)

Would be great if there is a solution to be able to use 9 (perfect for desktop) and that on iPad the 10th image follows immediately after the 9th (on same row) and doesn't start another row.

Steve

Posted 2 months ago #
StA
Member

Hi,

Found the following which seems to have fixed it and not caused any problems I can see elsewhere. Something to do with clearing after a row according to the post

.gallery br {
display:none;
}

.gallery:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

Posted 2 months ago #

Nick
Moderator

Hi,

These are the media queries breakdown for that page. There are 5 triggers

Smartphone Portrait

http://www.clipular.com/c?2786526=cHjhJbakhTeDx8oQHGE5Gh0CnaM
--------
Smartphone Landscape

http://www.clipular.com/c?2961502=tUY_W56Yj_K7VDlPCcnmEj2aDDo
--------
Tablet Portrait

http://www.clipular.com/c?3089184=kvlCPKWfY5arR6PgX25YsUkcALc
--------
Tablet Landscape

http://www.clipular.com/c?2818252=v8CMiUC5ubwQ_jMsfuHIiOIOaYg
--------
Monitor Size 

http://www.clipular.com/c?3089190=A5hq_1AoMApdxnvOSuZdz768S04
--------

Which images are you unhappy with and how should they change . please refer to to the 5 above specifically > "image: tablet landscape - want 2 more or 2 less thumbnails.

Thanks,

Nick

Posted 2 months ago #

StA
Member

All working fine with the css tweak - it's a wordpress gallery issue it seems

Posted 2 months ago #
Nick
Moderator

Hi,

We made the post at the same time so I was looking at your page after you already fixed it. lol. Glad you found the solution.

Thanks,

Nick

Posted 2 months ago #