Fit Height and Width On Images

If you are using a combination of Landscape and Portrait images within the Fullscreen Gallery, it’s important to maintain the aspect ratio and original orientation. This feature enables you to set each image to fit the height, width or the entire image within the browser window.

By default the theme will ensure the image covers the entire browser window and will crop either the height or width, depending on it’s orientation.

The following CSS classes can be added to each image via the Slide Set Manager or individual post.

  • If you require to fit the height of the image within the Gallery use the following class: fit_height
  • If you require to fit the width of the image within the Gallery use the following class: fit_width
  • If you require to fit the height and width of the image within the Gallery use the following class: fit_contain

Slide Set Manager

wpid325-media_1391524635218.png

To add the CSS class to an image via the Slide Set Manager:

1. Create / edit a Slide Set
2. Click the cog to edit an image
3. Extra tab
4. Enter either fit_width, fit_height or fit_contain into the CSS Classes field
5. Save and preview

Posts

wpid326-media_1391524673462.png

To add the fit height or width CSS class to an image within a Post:

1. Create / edit a Post
2. Scroll down to Page Config
3. Additional tab
4. Enter either fit_width, fit_height or fit_contain into the CSS Classes field
5. Save and preview