New Panorama function on Theater

tgalex · 2019-07-18 21:44:24

I’ve been working with the new Pano function to see how I might integrate it with my website and I think it works great - thanks. But I do have two questions that have come up.

1. I can’t seem to adjust the height so it fits on my iPad screen - it is just a little too tall. I tried the presentation height setting, knocking it down to 320 px (the lowest it will go) and it does not seem to make any difference in the height. Thoughts?

2. I noticed on the caption for the image there is a pinkish background color - is there a way to change that so it matches the rest of my site? Not sure where it is coming from because it’s not a color I have set anywhere on my site.

Thanks for the great updates - I look forward to using it once I work out the kinks.

tgalex · 2019-07-18 22:37:33

Here is a test page I ran so you can see what I’m referring to. https://terrancealexander.com/?page=ptest

rod barbee · 2019-07-18 23:01:35

for the background color, for now you can get rid of that with custom css:

.presentation-paver figcaption {
	background: none;
}

I'm able to change the panorama presentation height (under Panorama: Presentation Height) and see the change on my ipad. Have you tried clearing template cache?

tgalex · 2019-07-18 23:20:40

Rod - thanks for the CSS. I did try clearing the cache several times and no effect. I also went back in to republish the album thinking that may clear it and still no changes.

rod barbee · 2019-07-18 23:27:22

in your custom css there's a rule setting the .panorama height to 800px

that rule is a little messy too, it's constructed much like a media query: you have an img element inside the .panorama class

I also suggest changing the name of your custom css file to custom-6.css rather than custom 6.css. Spaces can mess things up at times.

tgalex · 2019-07-18 23:31:04

thanks - I’ll give it a try

tgalex · 2019-07-19 01:07:06

Rod - after multiple tries and clearing the cache it now works - time to figure out integration to the site. The extra code in my custom CSS was left over from when I was experimenting with other pano methods. Forgot it was there. Thanks for your help.

tgalex · 2019-07-19 08:28:53

I’ve played around with some of the adjustments and come up with a preliminary integration on my website. If anyone is interested you can see it at: https://terrancealexander.com/?page=pano

I think it works pretty well - thank you Matt, Ben Rod and whoever else had a hand in getting it as an option for us.

rod barbee · 2019-07-19 08:46:14

Just Matt and Ben!
(with comments from the testing peanut gallery)

Ben · 2019-07-19 09:09:48

Matt built it, Rod helped test it, I got it to you

rod barbee · 2019-07-19 09:52:03

Don’t forget Daniel!

Matthew · 2019-07-21 09:32:23

Matt also screwed up and left the pink testing background on the captions. Sorry about that. Will have fixed for next patch or update.

tgalex · 2019-07-21 10:16:43

Not a problem Matt - Rod’s CSS took care of it nicely!

Markus · 2019-07-29 15:23:47

Good morning,

I'm just desperately trying to get some panoramas on the test page Testsite Panorama

I can adjust the height via Presentation Height in the chapter Panorama.
But I don't manage to adjust the width yet. I guess I haven't found the corresponding setting yet.

Max-width for Presentation is 1140 px

A change under Image Renditions | Photos | Width has no effect.

BTW: What are the settings for thumbnails and photos for?

I am happy about tips

Best regards
Markus

Daniel Leu · 2019-07-29 18:48:35

Markus wrote:

Good morning,
I'm just desperately trying to get some panoramas on the test page Testsite Panorama
I can adjust the height via Presentation Height in the chapter Panorama.
But I don't manage to adjust the width yet. I guess I haven't found the corresponding setting yet.
Max-width for Presentation is 1140 px
A change under Image Renditions | Photos | Width has no effect.
BTW: What are the settings for thumbnails and photos for?
I am happy about tips
Best regards
Markus

The width restrictions come from your custom.css:

.the__gallery figure {
.....
    width: 240px;
}

Markus · 2019-07-29 21:14:16

Hi, Daniel,

you're right! Thanks!
I have the setting for my „dia" in the individual albums (eg https://www.mc-photografie.de/galleries … apo-testa/)

I have to create my own page template for the panoramas.

Now the only question is, what's the problem that the panaromas don't use the whole space of .the__gallery, who prevents that again?

And beyond that, if I can limit the size of the 3rd photo, so that the grey bar is not visible on the right side, because the panorama is too small

Many greetings
Markus

rod barbee · 2019-07-30 00:18:38

try making the image rendition size larger than the viewport size. All your image are 960px wide. Some of those images are about 400px tall, others about 300px tall. One is only 245px tall

The pano Presentation Height looks to be about 400px. This means that your 245px and 300px tall images are being stretched to 400px high (and are looking a little soft because of that).

If you want to keep the presentation height at 400 px. try changing the photo rendition size to something larger than 960 px wide. Try about 1600px

Markus · 2019-07-30 18:01:23

Hi Rod,

thanks for your instruction - with the help of your data I will try to find the suitable settings for my panoramas

Markus

Community @ The Turning Gate

#1 2019-07-18 21:44:24

New Panorama function on Theater

#2 2019-07-18 22:37:33

Re: New Panorama function on Theater

#3 2019-07-18 23:01:35

Re: New Panorama function on Theater

#4 2019-07-18 23:20:40

Re: New Panorama function on Theater

#5 2019-07-18 23:27:22

Re: New Panorama function on Theater

#6 2019-07-18 23:31:04

Re: New Panorama function on Theater

#7 2019-07-19 01:07:06

Re: New Panorama function on Theater

#8 2019-07-19 08:28:53

Re: New Panorama function on Theater

#9 2019-07-19 08:46:14

Re: New Panorama function on Theater

#10 2019-07-19 09:09:48

Re: New Panorama function on Theater

#11 2019-07-19 09:52:03

Re: New Panorama function on Theater

#12 2019-07-21 09:32:23

Re: New Panorama function on Theater

#13 2019-07-21 10:16:43

Re: New Panorama function on Theater

#14 2019-07-29 15:23:47

Re: New Panorama function on Theater

#15 2019-07-29 18:48:35

Re: New Panorama function on Theater

#16 2019-07-29 21:14:16

Re: New Panorama function on Theater

#17 2019-07-30 00:18:38

Re: New Panorama function on Theater

#18 2019-07-30 18:01:23

Re: New Panorama function on Theater

Board footer