Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
Pages: 1
My Masonry gallery looks kind of strange. The Portrait pictures.
http://www.theomolenaar.nl/destinations … lbum-test/
Sort of same in CE4
Offline
I think that's probably due to the width of columns being created (width of the horizontal images.)
You can try playing with cell margin and padding. And borders and border radius for that matter.
Also try out the Justified layout. It's pretty nice.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
I do not want margins or padding other then minimal. In the page source I can see that the height seems to be limited to 500
<a class="photo-hyperlink" href="http://www.theomolenaar.nl/destinations/test_level_1/test_level_2/album-test/SB06523-single.php">
<img src="http://www.theomolenaar.nl/destinations/test_level_1/test_level_2/album-test/thumbnails/SB06523.jpg" id="photo-SB06523" class="landscape" height="268" width="400" alt="SB06523.jpg" title="Monks on their way to a ritual at the Namkhe Nyingpo Monastery" /></a>
<span class="color-label color4 fa_pseudo" title="Blue"><span>Blue</span></span>
<a class="button grid-button download_image" href="/destinations/test_level_1/test_level_2/album-test/download.php?file=photos/SB06523.jpg"></a>
Where can I influence that? I do not see any place for a value..
<figure id="fig-SB06544" itemscope itemtype="http://schema.org/ImageObject">
<div class="item">
<div class="thumbnail">
<a class="photo-hyperlink" href="http://www.theomolenaar.nl/destinations/test_level_1/test_level_2/album-test/SB06544-single.php">
<img src="http://www.theomolenaar.nl/destinations/test_level_1/test_level_2/album-test/thumbnails/SB06544.jpg" id="photo-SB06544" class="portrait" height="500" width="335" alt="SB06544.jpg" title="Drumming monks at the Namkhe Nyingpo Monastery" /></a>
<span class="color-label color4 fa_pseudo" title="Blue"><span>Blue</span></span>
Offline
The old album:
<div id="the-grid" class="ce4-freewall block-id the-grid clearfix">
<div class="mantle clearfix">
<div class="core clearfix">
<div id="the-gallery" class="the-gallery clearfix">
The New album:
<div class="gallery clearfix" id="gallery" data-aspectRatio="square">
Is it the aspect ratio ??
Offline
Where can I influence that? I do not see any place for a value..
I think there are several things working together. One is number of columns. That will limit the width of the thumbnails which in turn will limit the height.
Another is page width.
You've got a page width of 1200 px and three columns. That limits image width to 400 px.
For the verticals, I'm not sure why the width doesn't fill the 400px and the height then would be 600px. Probably some math going on that's affected by adjacent cells and how things add up.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
They all work except the fire puja...
http://www.theomolenaar.nl/Fotografie/
All albums republished...
Offline
you might try reordering the thumbnails to see if the masonry layout might "fit" better with the bricks in different places.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Pages: 1