Studio Editor: Adding and Customizing the Pro Gallery

6 min read
It's so important to add those special touches and show off your images, videos and text in a way that's right for you!
The Pro Gallery is a professional solution that offers a wealth of customization options, from layout, design, and style there's so much to explore. So whether you're a food blogger, photographer, or professional agency, the Pro Gallery offers you the tools you need to wow your clients.
Learn more about:

There's so much you can do with a Pro Gallery, it offers tons of customization options and it's a great way to really showcase your style and work.

To add a Pro Gallery to your site:

  1. Click Add Element  at the top left of your Studio Editor. 
  2. Click Media
  3. Click Pro Galleries.
  4. Choose a Pro Gallery design and drag it onto the page. 
What's next?
Click the gallery you just added, then Manage Media to select the images and videos. Using drag and drop, you can easily rearrange the gallery.  

A screenshot of adding Pro Galleries from your Studio Editor.

You can customize every individual part of the gallery to get the look and feeling you want. 

To customize the Pro Gallery settings:

  1. Click the Pro Gallery in the Editor. 
  2. Click Settings
  3. Choose what you want to customize:
It is not possible to adjust your gallery's height in the Inspector panel when:
  • Your gallery is set to scroll vertically. 
  • Your gallery is horizontal with a fixed ratio.

You can change these settings from the Layout tab. 

Enabling and customizing the Expand Mode

When visitors click gallery items, you can set them to open in Expand Mode. This makes the gallery item open in a fully customizable expand window. 

To enable and customize the Expand Mode:

  1. Click the Pro Gallery in the Editor.
  2. Click Settings.
  3. Click the Settings tab on the left.
  4. Select Open in Expand Mode from the When clicking on an item drop-down.
  5. Click the Design tab on the left.
  6. Click Expand Mode.
  7. Click Customize Expand Mode.
  8. Customize the following settings on the right side of the pop-up:

Did this help?