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
Hi, my test-site is:
http://www.rainer-goergen.de/galleries/ … /index.php
It is a hidden album. I have a little problem in classic view. The breakpoint to mobile view is 992 px. All my other albums and album sets are made with Backlight 1.1. If I go to mobile view, all thumbnails (slides with frame) change to a square without frame.
In Backlight 1.2 Pangolin this is not as in Backlight 1.1.
Is there a solution to fix this?
Rainer
Edit:
And in Backlight 1.1 all slides have the same aspect ratio, wether or not the size of the window changes. This is not in Pangolin.
Last edited by Rainer Goergen (2017-08-01 23:09:02)
Offline
there are settings in the Album Template's Thumbnail set up called Enforce Squares and Enforce Coverage.
Try changing those.
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 have tried this. Nothing worked. The thumbs changed to square but the frame of the slide is visible and overlaps the thumb.
Rainer
Offline
are you referring to the border radius not being applied? That may be a similar bug that the album sets are having.
you can try this in custom css:
.gallery .thumbnail-background {
border-radius: 12px 12px 0 0;
}Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
This works, but I want when switching to mobile view only the square thumbs without the slide frame and no caption like in Backlight 1.1.1.
Rainer
Offline
this may be a bug.
But you could remove the border radius along with the captions using custom css in a media query
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 think it is a bug. Maybe Matt or Ben can have a look of it.
Rainer
Offline
Here is the hidden album from Backlight 1.1.1
http://www.rainer-goergen.de/galleries/ … pflanzung/
Works perfect.
Rainer
Offline
I changed all my albums to Pangolin. But I am not able to use - Compact Items at 640 px - like in Backlight Album Set Template. Don't know how to eliminate all borders.
Rainer - Too much trees in the forest -
Offline
if you want to eliminate the caption when on mobile devices, try putting this into a media query that applies to max-width: 640px
ul.image_metadata {
display: none;Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
http://www.rainer-goergen.de/galleries/ … pten_2007/
I tried this:
@media only screen and (max-width: 640px) {
.the__albumSet > .content {
padding: 0 0px;
}
.albums figure {
width: 100%;
}
.albums figure > .content {
padding: 1.5rem 0;
}
ul.image_metadata {
display: none;
}But see the result. I have done some error.
Rainer
Offline
.gallery .thumbnail-background {
border-radius: 10px 10px 10px 10px;
}This helped. All edges are now rounded. Maybe there is some code to much in my previous post, but it worked.
Rainer
Last edited by Rainer Goergen (2017-08-03 02:48:58)
Offline
http://www.rainer-goergen.de/galleries/ … pten_2007/
I tried this:
@media only screen and (max-width: 640px) { .the__albumSet > .content { padding: 0 0px; } .albums figure { width: 100%; } .albums figure > .content { padding: 1.5rem 0; } ul.image_metadata { display: none; }But see the result. I have done some error.
Rainer
you haven't closed the media query with a closing curly brace. You need one more at the end.
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 found it to. Here is my correct code:
@media only screen and (max-width: 640px) {
ul.image_metadata {
display: none;
}
}Last edited by Rainer Goergen (2017-08-03 04:15:19)
Offline
Pages: 1