Difference between revisions of "Website gallery"
(→Layout options) |
m (Gary moved page Web gallery to Website gallery without leaving a redirect) |
||
| (One intermediate revision by the same user not shown) | |||
| Line 21: | Line 21: | ||
Why settle for one gallery? Build a multiple gallery display that includes a filter bar, so your visitors can easily navigate between different image categories. Worried about setting the same image across several categories? Once the visitor goes back to the full display option, those repeating images will only appear once. | Why settle for one gallery? Build a multiple gallery display that includes a filter bar, so your visitors can easily navigate between different image categories. Worried about setting the same image across several categories? Once the visitor goes back to the full display option, those repeating images will only appear once. | ||
| + | |||
| + | ==See also== | ||
| + | *https://elementor.com/blog/introducing-pro-gallery/ | ||
Latest revision as of 22:49, 4 December 2020
Contents
Layout options
Grid
based on an aspect ratio of your choosing.
Justified
same height, different image widths -- to set the height for each row, and varying width per image.
Masonry
same widths, different heights -- to maintain the same image width and varying heights.
Overlay
The overlay styling.
Content design
Show any combination of content as part of the gallery: incorporate the title, caption, alt, description or keep it clean. You can adjust just about anything with the style and layout of the content, with full control of typography and positioning. Use CSS filters and blend modes to give your gallery a consistent stylish look.
Multiple gallery filtering
Why settle for one gallery? Build a multiple gallery display that includes a filter bar, so your visitors can easily navigate between different image categories. Worried about setting the same image across several categories? Once the visitor goes back to the full display option, those repeating images will only appear once.
