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-04-04 17:18:02

david.sutherland
Member
Registered: 2016-03-30
Posts: 13

captioning

How do I get captions for my slideshow? I have Title selected in Image Info but it doesn't seem to have any effect. All images have full metadata.

Offline

#2 2016-04-04 22:02:33

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

Re: captioning

Hi David,

A couple of things to check.
First, make sure that ShowInfo is checked in the Galleria settings.
Second, by default the captions are not shown upon the slide show loading. At the upper right of the slide show is an Info icon. Clicking this will show the captions.
Alternatively, you can check the option to showInfo on load
http://ce4.theturninggate.net/docs/doku … ia#options

In the Image Info control pane, make sure the Title and Caption labels are displaying the metadata you wish them to.


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-04-04 22:57:57

david.sutherland
Member
Registered: 2016-03-30
Posts: 13

Re: captioning

Okay, got it. Can the caption be centered? Are there any font options? Color seems to be same as UI color.

Offline

#4 2016-04-04 23:19:52

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

Re: captioning

You can control the caption font and alignment with custom css.
If you haven't done it already, you'll need to enable phplugins: http://ce4.theturninggate.net/docs/doku … _phplugins
and then enable custom css: http://ce4.theturninggate.net/docs/doku … custom_css

The selectors are:
.galleria-info-title
and
.galleria-info-description

If you want to do that and need some help, just let us know.


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 2016-04-05 22:12:56

david.sutherland
Member
Registered: 2016-03-30
Posts: 13

Re: captioning

Hi Rod, not having any joy enabling phplugins.

I got the server path okay then opened phplugins.php in DW and removed /* DELETE THIS LINE and DELETE THIS LINE */

but when reloading the background does not turn red as expected.

Offline

#6 2016-04-05 23:08:42

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

Re: captioning

the css is being applied, I can see the code in the page source. You just have a color assigned to the various page sections (masthead, block, grid, etc.) and those are hiding the page background color.

add this to the custom css file and you'll see your text turn red:

p {
    color: red;
}


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 2016-04-05 23:45:50

david.sutherland
Member
Registered: 2016-03-30
Posts: 13

Re: captioning

Okay, that worked. So how do I alter .galleria-info-title
and
.galleria-info-description ?

What I want is for the caption to be centered with 11pt verdana italic #cccccc

Offline

#8 2016-04-06 00:18:12

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

Re: captioning

depends on what you want to do.

This will change the font color, the font size and the alignment:

.galleria-info-title, .galleria-info-description {
    color: #29B130;
    font-size: 1.2em;
    text-align: center;
}

just change the color using a color hex code or keyword and fonts and font size as needed.


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 2016-04-06 00:23:16

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

Re: captioning

we overlapped!

try this:

.galleria-info-title, .galleria-info-description {
    font-family: verdana;
    font-style: italic;
    color: #cccccc;
    font-size: 11px;
    text-align: center;
}

Verdana will show up only if the person viewing your site has that font on their computer (unless you want to get into more css that will load the required font). Therefore you should add some fall-back fonts that should be found on more computers:

font-family: Verdana, Geneva, Tahoma, Roboto, 'Droid Sans', sans-serif; 

or whatever you want.


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

Offline

#10 2016-04-06 00:49:11

david.sutherland
Member
Registered: 2016-03-30
Posts: 13

Re: captioning

Excellent - thanks for that!

Offline

#11 2016-04-06 00:50:38

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

Re: captioning

you're welcome smile


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