Setting maximum image size in gallery

Hello, I am developing a new site in 4.7 and I have a bunch of images sized to 800x600 pixels. What I am finding is that the software scales these down nicely thank you, but it also scales them UP as well. I dont care for this and we would like the pictures to only ever appear at that natural size at maximum. I cannot find the CSS that would control this.
Any pointers would be appreciated.
Thanks
J

Thanks @jdloudon

In config.php

// MEDIA

$jpeg_resampling_off = false; // Toggle on/off jpeg resampling
$jpeg_quality = ‘85’; // Use 100 for full jpeg quality (larger files)
$jpeg_size = ‘1200’; // Scale jpegs to a max pixel size (height)
$thumbnail_height = ‘120’;

Make sure L35 is “true” to keep them at natural imported size :slight_smile:

1 Like

Thank you, I realise now that I didnt make it clear that it is the images in the slider gallery that I was talking about. This solution does not seem to change them at all.

Edit - I dived into flexslider.css and found this code in * BASE STYLES:
.flexslider .slides img {
width: 100%;
display: block;
}

I added max-width: 800px; in there and it seems to work. Not sure if this is the best way to do it for it to work on all screens but looks good so far.
Except now the gallery is not centred on the page. So added
margin-left: auto;
margin-right: auto;

Yet to test it on all screens but seems to be okay.

1 Like

This topic was automatically closed after 11 hours. New replies are no longer allowed.