Slideshow Stage -> Target

Backlight 4, 5 & 6 Support
#1

EDIT: This question now answered and to stop confusing myself the demonstration album linked below has been removed

I’m creating a design which I’m mostly happy with. This Front Page - David Gordon page gives an idea of what I want. What this page is missing is the footer, which has been pushed down by some white space. Scroll to see! Other pages and galleries I’ve created such as Contact - David Gordon look the way I want and expect.

So for the gallery design I changed the slideshow stage → target to ‘expanded’. That solves my footer problem, you can clearly see it at https://www.davidgordon.org.uk/galleries/front-page-2/

But now the whole page has moved left. The menu and pallet 01 are now too far over. The menu is fine but I really want a bit of breathing space for the pallet contents.

So, how to keep the page aligned (more central) as in Front Page - David Gordon while seeing the footer as in other pages?

Thanks!

#2

the reason the footer is being pushed down is due to the aspect ratio (1:1) for the container of the Galleria slide show.
Try changing that to X:3, Y:2

1 Like
#3

Thank you @rod_barbee that seems to have done it.

Now I need to remember why I thought it was a smart idea to set the ratio to 1:1.

Thanks again.

#4

1:1 works great if you have a mix of horizontals and verticals; they’re shown at the same size, just like old fashioned projected slides!

1 Like
#5

I’ve added a couple of verticals and that all works fine, thanks @rod_barbee.

I’ve also had a look at changing the aspect ratio for the for mobile but I’m not sure if that’s doing anything for me. Or maybe I need to look / learn more about the viewport width. The slideshow looks fine on an iPhone held upright, but holding it ‘landscape’ in the hope of see the pictures fill the screen results in them being shown oversized so you need to scroll to see more of the picture. Maybe on for another day as I concentrate on the desktop presentation.

Also for another day or question, can I get my pallet 01 text (currently on the left below my menu) to display beneath the slide show?

Thanks again.

EDIT: I see if I view ‘fullscreen’ on an iPhone the images stay withing the slideshow area. But visitors need to know that and wouldn’t!

#6

It depends on how you want it seen. If you want the text to appear below the slideshow for both desktop and mobile, you can simply move it into the album or album template copy area.

If you want it in the pallet for desktop but in the main copy on mobile, that would require some customization. If that’s the case, could you post that in the Backlight Customization section of the forum?

#7

Yes! So, to confuse things further I’m trying with a horizontal menu as I’ve worked out how to keep it visible when scrolling down.

That said, I can see my text now I’ve added it to the album. But its only visible on the thumbnail page, not a full view so not on my ‘front page’ auto slide show.

Now I’m pretty sure I can do this as I’ve see it done here Home - Rod Barbee Photography ! You have a slide show running with text below. What’e the secret?! Much customisation?

Thanks

#8

Sorry. Put the text in the page’s copy area

On my home page I’ve inserted a Theater Vegas slide show.
For the text, that’s in the page’s copy area and I used the TTG Responsive Grid to lay it out.

#9

I’m still trying to get my head around where different setting live, some are in the page template but when I go and look turns out they are somewhere else…

Before I go and buy the Theatre plugin to get the Vegas slide show which will do what I want (I think!) is it possible to have text below my slide show at Front Page - David Gordon without it?

That page uses my ‘DG Pangolin Galleria Front Page’ album template which has my text in ‘main copy’ selected to show below the gallery. And I’m guessing ‘gallery’ means the thumbnails as I can see it on Album One - David Gordon

The responsive grid also looks interesting, thanks for that link.

#10

I just liked the controls of the Vegas slide show. You should be able to do what you want with Galleria.
In the page, under Insert Album, just choose where you want the album in relation to the text (above or below)

#11

I will struggle on for a bit but so far I can only see the copy in the thumbnail, not full image view. Again, I know it can be done… Home - Rod Barbee's Backlight 2/3/4 test site

That looks like what I want other than with the welcome text below the image (and without the slideshow controls).

#12

In general, I would advise not getting too hung up on how the shape of your content pushes your page footer beneath the fold. Displays come in all shapes, sizes and orientations, and when you start messing with the aspect ratio of a slideshow to ensure it doesn’t push the footer off-screen on your display, you’re only solving for your display, and not for anyone else’s.

Even if another person has your exact same laptop, they might have their browser window occupying half the screen, instead of the full screen. Or they might have moved the browser window to an external display. And so on …

#13

Also, if all you want is a full-screen gallery, you shouldn’t need the Vegas slideshow for that. Here’s a full-screen Galleria presentation.

#14

You already have the Galleria show inserted in your page. Just add the text to the page content.

In the test page you linked to above, I have the page copy set to be above the slide show (Galleria) and the content below the slideshow was entered in the page copy area but was moved using jQuery.