Create and Manage Galleries#back to top
Create one or more galleries to display on your pages or posts with shortcode. Each gallery you create has its own unique settings for layout, style, captions, filters, and colors. In settings, there is a button to Copy Style. Clicking this will display all galleries where you can apply the style. Be sure to click the update button when making any changes to your gallery.
From the Galleries tab (under UWPM Gallery in left WP menu), you may manage existing galleries and add a new gallery.
Four options include:
- Add New Gallery
- Add/Edit Gallery Settings
- Add/Edit Gallery Items
- Delete Gallery
Give your gallery a name and click button to Create Gallery. Then return to galleries to view all galleries and manage your new gallery.
Click on settings for a gallery you want to manage. Gallery settings include four main tabs with settings for layout, caption colors, pagination colors, and filter settings.
Copy Style
The Copy Style button on the top right, displays all of your galleries with an option to copy the style from any of those galleries to the gallery you are editing.
Layout Settings
Layout settings include thumbnail style, item style, and content style.
Thumbnail Style
Choose Masonry for items with variable shapes and sizes. Choose Grid for items with consistent shapes and sizes.
More about layout and gallery content:
- If content has a variety of shapes and sizes, the masonry style will allow you to display thumbnails without distortion and will be more visually appealing.
- Choose masonry or grid layout for both images and video.
- When using masonry, be sure to upload a full-size image. This will avoid large gaps between items in the front end.
- When embedding video, upload a HD custom thumbnail in your YouTube or Vimeo video settings. An alternative is to upload a 1280px x 720px image to the gallery. Then select YouTube or Vimeo with the video ID. This will display your video file in a lightbox when the image is clicked.
- For vertical and square video sizes, upload an optimized large image to your gallery (with the same dimensions of the video) and select YouTube or Vimeo with the video ID to display your video file in a lightbox when the image is clicked.
Item Style
This defines the gutter gap or spacing between each thumbnail item within the gallery or filter. Choices include gutter, gutterless, and bordered.
Content Style
This pertains to how your caption displays on your thumbnail content.
- Caption Style 1: caption displays on the bottom of the thumbnail on an overlay color.
- Caption Style 2: caption displays on the entire thumbnail on an overlay color.
Caption Colors
Caption colors apply to the overlay colors for each thumbnail gallery item and are based on your content style selection.
-
Caption Wrapper BG
Select a semi-transparent background color that applies to bottom caption style overlay.
-
Caption Hover BG Color
Select the background overlay color for the style that covers your thumbnail items.
-
Caption Text Color
Select the text color that displays on top of the overlay for either caption style.
Filter Settings
Filters are optional for each gallery. Filter settings include alignment, colors, and create & manage filters.
Filter Alignment
Select filters as either left or center aligned.
Filter Colors
Select filter colors for buttons and text including regular and active states.
Create and Manage Filters
Select filter colors for buttons and text including regular and active states.
- Add a filter name and click the + Add Filter button to save. Repeat for additional filters.
- Drag filters into the order you want them to display on the front end.
- Select the default filter of content that will display when the gallery loads.
If you want to rename a filter, click the pencil icon to edit. Change the filter name in the blue bar and click + Update Filter button. Changes will be applied immediately in the admin and front end.