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, I am very confused while trying to format the album sets. I cannot use my old custom css and I don't understand how to format with Pangolin.
I need the css code for the frame, description, color ....
Backlight should be easy - but to format an own style is a terrible work of learning programming.
I have learned much in the past - but now my shoulders are hanging down.
Rainer
Question: What means - Gutters - ? Never heard.
Last edited by Rainer Goergen (2017-08-02 19:08:58)
Offline
Gutters is the space on either side of the element, left and right, i.e. margin-left and margin-right, to keep content off the screen edge.
If you want to apply custom CSS, then use the browser's developer tools to inspect the elements you want to modify.
Offline
I do this since 5 hours
But please can you tell me the css to create a border around the thumbnail in album sets. In albums it is .landscape.
In album sets I cannot find it.
Rainer
Offline
The selector for Pangolin albums is simply: .thumbnail img
That should cover both landscape and portrait thumbnails.
I've not been able to get a border around thumbnails in descriptive album sets (haven't checked the other layouts yet)
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Border around thumbnails in albums worked with .landscape.
If I use .thumbnail img, the margin of the border in vegas slideshow disappears.
In album sets it seems not working with borders around the slide.
Tanks, Rainer
Offline
then you just need to make the selector more specific.
.thumbnail img.landscape, .thumbnail img.portrait
or just maybe .landscape, .portrait
this would cover both landscape and portrait oriented thumbnails
I can't see how .thumbnail img would affect the Pangolin Vegas slideshow though. I can see no difference in mine (no thumbnails in the Vegas slideshow)
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Here is my test slideshow:
http://www.rainer-goergen.de/galleries/ … ania_2007/
I meant that if I use the selector .thumbnail img, the black border between the image and the yellow border will disappear.
If I use the selector .landscape, I get the border in all albums. The format of the border of my slideshow does so not change. It seems the selector is counterproductive.
Rainer
Offline
Strange. I added this:
.thumbnail img {
border: 4px solid red;
}
to the bottom of your custom css (in the browser inspector) and there was no change to the slideshow
Where did you add the rule? If you added it before your custom css that adds the padding to the slideshow, that would be a problem if you forgot to add the closing curly brace }. Not having that closing brace negates any following css.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Offline
I know, but where was it inserted in that style sheet?
Like I said, if you placed it above your vegas styling and forgot the closing curly brace, that would explain what you saw.
If it looked like this, it would kill all css that follows:
.thumbnail img {
border: 4px solid red;
.gallery.presentation-vegas.no-fouc.vegas-container {
margin: 5px;
}
note that the closing brace } after the border property is missing. That is what would cause the problem.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
No it was not missing. I tried your selector and it works. I tried .thumbnail img ..... like 2 hours before and now there was no conflict.
Don't know why. But it seems ok now.
R.
Offline
Pages: 1