Gallery Element

Showcasing your work has never been easier with Neuron Themes. The Gallery element will provide a handy and useful tool to create an exceptional display of galleries that excel in functionality and design. 

Content Tab 

Layout Tab

Layout

  1. Type - Choose the type of gallery display to either be Single or Multiple. The Multiple option will provide a filterable gallery display 
  2. Add Images - Add your gallery images here, select the number of images you want to be included, and type in the title. 
  3. Order By - You can order your gallery images either by Default or Random 
  4. Columns - Select the number of columns you want to be shown 
  5. Carousel - Choose to display your gallery in a carousel showcase 
  6. Layout - Select the layout of your gallery to either be Grid, Masonry, or Metro. If you choose the Metro you can determine the column layout directly from the gallery window under Metro Column. 
  7. Responsive Columns - This option is only available if you select the Metro Layout. This will allow you to set the number of images shown per column on tablets and mobiles. 

  8. Image Size - Set the image size starting from Thumbnail to Custom 
  9. Image Ratio - Set the exact ratio of the image. 
  10. Lightbox - Switch the handle on to allow your gallery images to be shown in a lightbox 
  11. Lightbox Details - If you leave the lightbox setting on you can select the lightbox details that be shown to either be the Title, Caption, Description, or None. 
  12. Image Details - Choose to shoe the image details below, either the title, caption, or description. 
  13. HTML Tag - Set the HTML tag for the image details 
  14. Overlay - Choose to display an overlay for when the mouse hovers over the images to either be Icon or Image Details. 

Filters

  1. Filters - Switch the handle on to enable the filters for the image gallery 
  2. Style - Select the style of the filters to either be Normal or Dropdown 
  3. Columns - Choose how many filters you want to be shown per column 
  4. Filter All - Switch the handle on to enable the All filter 
  5. String - Type in the text for the All filter 

If you select the Carousel setting ON the following options will be available (red color)

Carousel Settings 

  1. Slides Per View - Select the number of slides you want to be shown on a single view 
  2. Slides to Scroll - Select per how many slides you want to scroll 
  3. Carousel Settings - Tweak the settings to style the Navigation, the Infinite Loop, whether to pause on Hover, select the Autoplay, r determine the Transition Speed.

Style Tab

Layout

  1. Column Gap - Set the value of the gap between the columns
  2. Row Gap - Set the value of the gap between the rows 
  3. Initial Animation - Set an animation for your gallery and select the delay in milliseconds 
  4. Alignment - Set the alignment of the gallery either Left, Center, or Right
  5. Offset - 

Box 

  1. Border Width - Set a border width for the image box.
  2. Border Radius - Make the box of the gallery to be round and determine roundness within the value.
  3. Padding - Set the padding within the gallery's box.
  4. Content Padding - You can add additional padding around the content of the gallery's box.
  5. Box Shadow - Choose to add a shadow around the gallery box.
  6. Background Color - Choose to add a background color for the gallery box.
  7. Border Color - Select the border color of the gallery box.

Image 

  1. Border Radius - Set the border-radius for the images of the gallery.
  2. Spacing - Set the spacing between the images 
  3. CSS Filters - Play around with the CSS Filters to add colors and depth to your images. 

Overlay 

  1. Background Type - Select the background to either be Color, Gradient, or None. 
  2. Color - If you select Classic choose the color for the overlay background 
  3. Spacing - Set the spacing for the hover. 
  4. Content Padding - Set the padding for the content inside the overlay
  5. Active - Choose to leave the hover active 
  6. Horizontal - Set the horizontal position of the content overlay to either be Left, Center, or Right 
  7. Vertical - Set the vertical position of the content overlay to either be Top, Center, or Bottom. 
  8. Icon Color - If you select the Icon Overlay here you can set the color for the icon
  9. Icon Size - If you select the Icon Overlay here you can set the icon size 

Content 

Title 

  1. Color - Set the color of the galleries' title 
  2. Typography - Tweak the typography options for the title 
  3. Spacing - Set the spacing between the title and the content

Caption

  1. Color - Set the color of the caption
  2. Typography - Tweak the typography options for the caption of the gallery 
  3. Spacing - Set the spacing between the caption and the content

Description

  1. Color - Set the color of the galleries' description
  2. Typography - Tweak the typography options for the description
  3. Spacing - Set the spacing between the description and the caption

Filters

  1. Space Between - Set the space between the filters 
  2. Spacing - Set the space between the filters and the images 
  3. Alignment - Set the alignment for the filters either Left, Center, or Right 
  4. Typography - Tweak the typography options for the filters
  5. Color - Set the color for the filters 

Set the settings for the Advanced Tab that is appropriate for the element. 

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.