How can I resolve height issue in slideshow for different sizes?

Is there a way to set the height as auto?

Set Table IV-B1:V align to fit

That worked once I played with the maximum Height and Width settings. My maximum photo sizes are 600 x 800 – but although the height is now fixed the center align doesn’t work anymore.

https://thelocalscoop.org/scooppress/pix/wppaspec/ab27/sd/oc1

Can I fix this without forcing it over with CSS?

Your theme is responsive. You should set Table I-A1 to auto

It already is on auto and yes, I’m using the skeleton grid – full page width here is 940px.

I’ve set Table I-B to 800px x 600px and saved my photos in Lightroom at that size maximum or no resize, if it’s a smaller photo, because 940px width leaves a a large space under photos that aren’t 600px in height, (and that size is too big for photos that aren’t very good quality.)

At 800px x 600px all the sizes fit perfectly vertically (and look good at that maximum size), but they are pushed off center. I can manually center them with CSS by doing this:

#slide_frame-1.slide-frame{
    padding-right:180px !important;
}

That’ll work OK, but 180px is quite a bit off center. Just wondering why it doesn’t scale down properly without adding the padding.

Please remove all manually altered css, set v-align to fit and h-align to center ( Table IV-B1,2 ) This should work. If not, test on another theme to see if the theme is ‘too intelligent’

Table IV-B1, 2 are already set that way. I tried switching to Twenty Thirteen – the entire column width goes to 800px wide so the pictures can’t be off center. The problem is I want the full width for the Parent Albums and since the same WP loop runs everything I can’t just make the slideshow pages narrower (that I know of). I assume you are right that the theme is ‘too intelligent’.

I’ll try to trouble shoot this later, but at the moment the only height that works for every photo size is 600px for some reason. I’ve tried lots of other combinations of sizes and every other one does not fit the photos vertically in one or more slideshows.

I really do not understand how it comes you have so much trouble in positioning in the slideshow.

Please visit https://2013.opajaap.nl/
The most important ( sizing/positioning ) settings are listed on the homepage.

Especially look into album Animals -> Insects
It shows slides of various – also undersized – images.

The only change i made in theme twentythirteen is on line 972 of the theme’s style.css: max-width: 604 px; -> max-width: 1040 px;

Idea! Please verify that Table I-B1: Max width is set NOT SMALLER than the maximum possible display width ( like the breadcrumb ad navigation bars ), otherwise the alignment: center applies to that width ( inside a too small slideframe )

I’m using the skeleton grid for this site. The full page width is 940px, and the width minus the left and right spacing columns of 10px each is 920px. I have set Table IV-B1:V align to fit.

With Table I-B1 set to 920px it stretches the 600px x 800px photos to fill the full width of the page, even though I do NOT have Stretch Photos that are too small checked.

At 940px the photos display the correct size but the large space is added for smaller ones as it is now here:
https://thelocalscoop.org/scooppress/pix/wppaspec/ab38/sd/oc1

I looked at your twentythirteen page and the difference is that your photo is the same width as the breadcrumb, navigation bars. I don’t want my photos that big because some of them are not very good (see link), so I’ve saved them at 600px X 800px which makes them smaller than the breadcrumbs and navigation bars. I don’t mind the bars being 600px wide, but I don’t want the Parent Albums pages only 600px wide because there are a lot of them and I’d prefer them to use up the full 940px width.

By the way, is there a way to paginate the Parent Albums pages? They’re OK now but I have an album for every event so there could be quite a few of them in future. It would be nice to break them up into pages the way the actual photo pages are.

This is a theme I built myself using theme hybrid’s core:
https://themehybrid.com/hybrid-core
and the Skeleton grid.

The link you gave me does not show a space below the photo. See:
https://wppa.opajaap.nl/my-album/?wppa-album=99&slide&occur=1&wppa-photo=3165

This one ( 533 x 400 px ) displayes also correct:
https://wppa.opajaap.nl/my-album/?wppa-album=99&slide&occur=1&wppa-photo=3166

Album cover page size is settable in Table I-D4

It’s doing something very strange, this is what I see on 3 different computers using 3 different screen sizes:
https://thelocalscoop.org/space.jpg

However if I leave it to cycle through the slideshow it eventually fills the entire 940 width (which I don’t want).

And here is the page:
https://thelocalscoop.org/scooppress/pix/wppaspec/ab38/sd/oc1

Thanks for the albums per page setting.

To get the image centered, you MUST have B1 to the max ( 940 ).

B1 and B1 form a virtual rectangle wherein the image will be shown as big as possible without being stretched ( unless you check Table I-B3 ).

To prevent the full 940 to be filled, you can limit the size by making the max allowed height of the virtual box smaller.

The images will never be stretched or compressed in one direction, the aspectratio will stay correct, so by decreasing the max height, you make the image smaller, staying horizontally centered ( because of ‘center’ in IV-B1 ) with respect to the box that therefor needs to be as wide as the main column. So, you only need to set the max height to 600 to get the 800×600 images vertical filling the space.

So: B1:940, B2:600

OK thanks. This explanation makes sense. I don’t know if it would be possible, but it would be nice to have a scalable feature (like the WP media photos) so if there were slideshow photos of lesser quality you could scale them down in size in the album admin. I now see uploading different sizes will work but you have to have the photos scaled to what you want before uploading to wppa, which does take some trial and error time.

You can check Table I-A2 and slect a smaller size in Table I-A3, and ftp the originals to your depot and import while the update checkbox is checked to overwrite the current images with the new, downsized versions.

Go not forget to set Table I-A2,3 back to your normal values!

OK thanks. This is resolved now. It’s probably best to resize the pics before you upload but it’s good to know you can do it this way as well.

Thanks for all your help.
Charles