Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

#1 Re: Backlight Support » Iconic thumbnail styling with CSS » Today 01:46:11

What do you mean by the thumbnail altering its state? There are css properties, like “scale” or “filter” and transitions that might do what you want.

That snippet of jQuery may do what you want to, though you’ll probably need to change the target class of .album to whatever the correct selector for Backlight might be.

Any suggestions?

Get a good book on css. I really liked CSS:The Missing Manual.
Same with jQuery

#2 Re: CE4 Publisher » Publisher path preference » Yesterday 09:59:46

Each instance of Publisher has its own settings. So if you have Publisher in different catalogs you’ll have to change the settings for each instance of Publisher.

#3 Re: CE4 Publisher » Publisher path preference » Yesterday 08:44:31

jonnyrunn wrote:

Yes. But it auto loads with my old path and password.

Exactly what is autoloading and where? You mentioned FTP but there is no FTP setting in Publisher.
A screen shot would help out a lot.

When you made the changes, did you click the Save button?

#4 Re: CE4 Publisher » Publisher path preference » Yesterday 08:41:32

jonnyrunn wrote:

The custom css might be over my head. Do you know where i can modify the font size of the word Login? Does that require custom css? Thank you!

That's an H1 heading. There are no settings in the page template to control that. It will require custom css.

If you want to know how, can you add the question to the thread over in the Backlight Support forum?

#5 Re: CE4 Publisher » Publisher path preference » Yesterday 08:26:37

Do you mean the API URL?
If so, in Publisher settings, change the path.

#6 Re: Backlight Support » Design of client response login page » Yesterday 08:19:33

Here's some custom css to try:

@media only screen and (min-width: 768px) {
    .template-id-26 #form.admin_unit {
    margin: 0 auto !important;
    width: 50%;

.template-id-26 #form.admin_unit input {
  max-width: 100% !important;
  .template-id-26 h1 {
    text-align: center;

the .template-id-26 part ensures that this css affects only your client response template and nothing else on your site. If this is the only place you're using custom css, you can omit it.
The media query ensures that the form is centered only on desktop and wide tablets. That width: 50% would make the form too small on smaller devices.

For your css, change out .template-id-26 for the actual template id for your template.
You can find that by looking at the page source code and look for <body class= "....

<body class="pangolin template-id-26 template-identifier-client-response cart-unready crg-unready" data-layout="1col right">

You can either use .template-id-XX or .template-identifier-your-template (if you've filled out the Identifier field in the template) for the overall class.

#7 Re: Backlight Support » Design of client response login page » Yesterday 08:00:36

in  Backlight > Client Response > Settings, under Personalisation, you can choose a Client Response Template. Click on the drop down and choose one of your page templates.
If you need to change the color of the button, go to that page template in the Designer. Look under Typography for button controls.

Centering the form will require custom css.

#8 Re: Backlight Support » Galleria thumbnails are blurry & other Publish Service questions » Yesterday 05:27:11

Good to know about albums in a set. I'll have to give that one a try
I was assuming John meant select more than one album and click once to republish them all rather than having to click publish for each.

#9 Re: Backlight Support » What you see is what you get...or is it? » Yesterday 03:07:04

1920px is pretty wide. You can control things better by setting a smaller max-width

Gutters are the same as left/right padding

You can set a smaller breakpoint if you'd rather see your desktop navigation on smaller devices.

And what is "Strict Width Option"?

try it out to see what it does. Turn it on and you'll see more options, including a body background color, top and bottom margins, border control, and drop shadow

#10 Re: Backlight Tips & Tricks » Highlighting the current page menu item » Yesterday 00:32:50

Update: With the release of Backlight 1.2.3 you’ll find a sample PHPlugins script to highlight the current page's menu item in backlight/custom/phplugins/phplugins-pangolin-sample.php.

#11 Re: Backlight Support » Galleria Album Not Showing up on Page » 2018-02-23 13:48:53

Margo, can you post a link to the page as well as a direct link to the album?

#12 Re: Backlight Support » Galleria thumbnails are blurry & other Publish Service questions » 2018-02-23 10:55:40

1- I'm looking on my laptop and the  thumbs look pretty good to me. Looking at the thumbs image info, it shows that they are 400px on the long side and scaled down to fit in the space allocated.

try clearing your browser cache to see if that changes things.

2- I don't see any way to republish more than one album at a time. Probably a Lightroom limitation.

#13 Re: Backlight Support » Migrating from Test to Live Site » 2018-02-23 07:33:47

the reason the screen shot is not showing up is that you've put it between URL tags instead of IMG tags.

I think you've pretty much got it. One thing you may have to do is re-upload any images you've uploaded using Backlight's built-in upload feature. Sometimes the images fail to make the transition. No rhyme or reason to it, but something to be aware of.

You'll also want to be sure that you first remove any index files (index.php or index.html) and .htaccess files from the root of your site.
Probably best to clear out all stand-alone files (your web guy should know best), but those two for sure. Other folders are ok, I know you probably have a bunch, but other files, like an about.php or something, might cause issues.

#14 Re: Backlight Support » Iconic thumbnail styling with CSS » 2018-02-23 06:36:39

the reason the css is not working is there's a missing close comment: */

at the end of this declaration. there needs to be */ after this:  /* label color - black

.the__albumSet figcaption {
	height: 2em;
	position: absolute;
	text-align: center;
	color: white; 
	top: 200px; /* title position; higher number=lower position */
	border-top: 25px rgba(0,0,0); /* label color - black 

You can see these errors in the inspector. In this case, the selectors after that turned red when in the rest of the css they are blue.

#15 Re: Backlight Support » Iconic thumbnail styling with CSS » 2018-02-23 04:05:00

I removed your css in the inspector and the Titles appeared below the thumbnail. So something in your css is overriding things.

you can control the styling of the breadcrumbs with custom css. the main selector is ul.breadcrumbs. Use the inspector to scope out any of the more specific selectors you may need.

there are some basic settings in the page template in the Content Area control tab.

#16 Re: Backlight Support » Iconic thumbnail styling with CSS » 2018-02-23 03:36:24

As for the text position, I am only partially responsible. I was playing around with styling and lo & behold there it was: within the thumbnail. I would prefer the text to be without the thumbnail but I hesitate to push my luck.

By default, the Iconic layout has text outside the thumbnail.
For example, this is an iconic album set: … r-testing/

#17 Re: Backlight Support » Downlaod images » 2018-02-23 01:54:49

I don't believe Lightroom's Publish services can publish a zipped folder of images.

You'll need to provide the zipped download manually. Export the images from Lightroom at the needed size. Put them in a folder and zip it.
(Or, here's a plug-in that will export and zip the files and even password protect the zipped folder: … quickguide )

Upload to your site and provide a text link in the album.

#18 Re: Backlight Support » Iconic thumbnail styling with CSS » 2018-02-23 01:38:26

I would have preferred an upward sliding panel, such as was possible in CE4, but I can live with these thumbnails for now.

Since you're already positioning the title within the thumbnail, you could try a css animation to make it move from a lower or hidden starting point upon hovering. (Warning: you could be heading down a rabbit hole wink )

#19 Re: Backlight Support » Iconic thumbnail styling with CSS » 2018-02-23 01:29:35

The lingering issue is that the titles are not centered relative to the frame.
Any way to do this with CSS?

Have you tried setting the text-align to center in the template?
In the template, look under Thumbnail Grid > Album Info

#20 Re: Backlight Support » Thumbnails for Album Sets » 2018-02-22 09:52:27

They're not in the backlight/ folder. They're in the galleries/ folder.

Using FTP, just take a look in your galleries/ folder. You'll see your album sets. Open them and you should see your thumbnails/ folder.


#21 Re: Backlight Support » Theater scaling issue » 2018-02-22 09:49:39

Rendition size tells LR how big to make the images for uploading.  Presentation sets max width and aspect ratio for the actual page display.  I imagine the max width in Page Template "works with" max width in Album Template, but I'll have to experiment to see how the two settings work together.

Pretty much. My page content widths are often set to something like 1140px. So I'll then set the slide show to be narrower than that, like 960px in the example above.
I've not tried setting the max-width for the slide show to be wider than the max-width of the page content. I'm pretty sure the page width would rule things.

The Galleria add-on addresses mobile features such as swiping. Vegas is not swipeable but Galleria is.

#22 Re: Backlight Support » Theater scaling issue » 2018-02-22 09:09:26

with the inline Vegas slide show, you can set the max-width. The the aspect ratio fits within that width.
For the album template used on this page: I set the max-width to 960px and the renditions to 960px (w & h). The ratio is 3:2. Image scaling set to "fit".
Fixing the max-width at 960px makes sure that the 960px images don't need to fill more than 960px of space. (If I set the image rendition to, say, 500px, then the quality would suffer)

So if you change your rendition settings, (then republish the images), you may not see any difference. If you increased the size of the images, they will still need to fit within the max-width you have set. In my example, if I changed the rendition to 1200px, I won't see any change at all since the images will be restricted to the 960px max-width.

#23 Re: Backlight Support » Theater scaling issue » 2018-02-22 06:07:36

Responsiveness is based on browser width, not height (which is why scaling is happening on other devices).

Since you have a shorter screen size, the scroll bar is going to show up sooner than if the monitor (and therefore the browser) has more height. With the scroll bar, the browser knows that there is more page height, and since the images in the slide show are taller than the viewable page height, you get the scroll bar and have to scroll down to see the rest of the image.

The same thing will happen if you're using a larger monitor and you resize the browser window to make it shorter. The scroll bar appears and you have to scroll down to see the bottom of the images.

Anyway, I think the content height is based upon the tallest image. So with images that tall, plus the masthead, navigation, etc, the height of the page is greater than 900px.

Matt can probably explain that better..... :-\

#24 Re: Backlight Support » Migrating from MUSE to BACKLIGHT - advice needed » 2018-02-22 05:57:28

johnblaustein wrote:

I'm still having trouble getting my Theater test page to resize/respond as well as the Galleria pages do, but I'll keep working at it.

Not sure what to advise here, I've not tried matching a galleria size to an inline vegas slideshow size. Probably just have to play with it and get as close as you can.

They are two different beasts though, so sizing them exactly the same might tough.

#25 Re: Backlight Support » Order of Thumbnails » 2018-02-22 05:51:34

Also, that css you've added isn't actually doing anything. If I look at the page and open the inspector, I can delete all that css and there is no difference at all.
Also, you've got properties with no values, like background-color: ;

I think some of that css would only apply to the previous version of Backlight (the align-content property, for example)

Board footer

Powered by FluxBB