Community @ The Turning Gate

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.

  • New user registrations are disabled.
  • Users cannot create new topics.
  • Users cannot reply to existing topics.

You are not logged in.

#1 2017-08-02 18:56:18

Rainer Goergen
Member
From: Trier, Germany
Registered: 2016-05-01
Posts: 401
Website

Formating Album Sets in Pangolin

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

#2 2017-08-02 19:15:56

Matthew
Administrator
From: San Francisco, CA
Registered: 2012-09-24
Posts: 5,795
Website

Re: Formating Album Sets in Pangolin

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.


Matt

The Turning Gate, http://theturninggate.net

Offline

#3 2017-08-02 21:15:55

Rainer Goergen
Member
From: Trier, Germany
Registered: 2016-05-01
Posts: 401
Website

Re: Formating Album Sets in Pangolin

I do this since 5 hours big_smile

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

#4 2017-08-02 22:58:44

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Formating Album Sets in Pangolin

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

#5 2017-08-03 00:23:09

Rainer Goergen
Member
From: Trier, Germany
Registered: 2016-05-01
Posts: 401
Website

Re: Formating Album Sets in Pangolin

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

#6 2017-08-03 00:40:11

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Formating Album Sets in Pangolin

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

#7 2017-08-03 00:54:26

Rainer Goergen
Member
From: Trier, Germany
Registered: 2016-05-01
Posts: 401
Website

Re: Formating Album Sets in Pangolin

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

#8 2017-08-03 01:29:53

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Formating Album Sets in Pangolin

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

#9 2017-08-03 01:44:09

Rainer Goergen
Member
From: Trier, Germany
Registered: 2016-05-01
Posts: 401
Website

Re: Formating Album Sets in Pangolin

In pangolin.css

Offline

#10 2017-08-03 01:54:29

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Formating Album Sets in Pangolin

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

#11 2017-08-03 02:17:48

Rainer Goergen
Member
From: Trier, Germany
Registered: 2016-05-01
Posts: 401
Website

Re: Formating Album Sets in Pangolin

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

Board footer

Powered by FluxBB