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 2016-05-13 23:25:16

Leuvenaar230
Member
From: Leuven, Belgium
Registered: 2015-08-17
Posts: 97
Website

How to avoid displaying text under the pictures (not under thumbnails)

That's the question, anyone an idea where i can find the setting for that?

Offline

#2 2016-05-13 23:37:45

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

Re: How to avoid displaying text under the pictures (not under thumbnails)

Even if you don't have anything in the large image metadata field (Album Template > Image Settings > Image Metadata > Photos Caption) the image file name will appear.
If you don't want anything showing, you can hide that caption with custom css.

This looks like it will remove just the caption text:

.pswp__caption__center {
display:none;
}

This looks like it will remove the dark bar and caption at the bottom:

.pswp__caption {
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

#3 2016-05-16 18:16:11

Leuvenaar230
Member
From: Leuven, Belgium
Registered: 2015-08-17
Posts: 97
Website

Re: How to avoid displaying text under the pictures (not under thumbnails)

rod barbee wrote:

Even if you don't have anything in the large image metadata field (Album Template > Image Settings > Image Metadata > Photos Caption) the image file name will appear.
If you don't want anything showing, you can hide that caption with custom css.

This looks like it will remove just the caption text:

.pswp__caption__center {
display:none;
}

This looks like it will remove the dark bar and caption at the bottom:

.pswp__caption {
display: none;
}

And where do i need to copy that?

Offline

#4 2016-05-16 21:29:10

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

Re: How to avoid displaying text under the pictures (not under thumbnails)

In Backlight, custom css is enabled on a per template basis. Go to Designer > Templates > Page Templates. Click on Design next to your page template and scroll down to Advanced Customization.

Inside Advanced Customization you'll see where to enable custom css and choose the file you want to use.

There are two demo custom css files included with Backlight. Feel free to enable these and see what they do.

But my suggestion is to create your own custom css file that contains your own customization. In a plain text editor, create a file and name it custom.css. Add any custom css to this file and upload it to your /backlight/custom/css/ folder.

Once you do, this new file will be available to use in any of your templates.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

Board footer

Powered by FluxBB