Popular

Mostrar ${remains} mais artigos

Gallery Pages

Create a gallery page

A gallery is a collection of images you want to display on your website. There are numerous templates available for the gallery page that you can use. Other options, such as adding titles, subtitles, and descriptions, is also available. 

To create a gallery page, kindly follow these easy steps: 

  1. Click Create at the upper left corner of your admin panel. 
  2. Select Photography under Project Templates or Gallery under Other Templates.
  3. Choose a template.
  4. Enter your page title, and click the Create Page button. 

Edit the template

To edit or change the template, you may follow these steps:

  1. Go to the gallery page that you wish to edit. 
  2. Hover your mouse over to the gallery and click Edit Images.
  3. Click on Templates and select the template you wish to use

    Change Gallery Template

NB! If you created a gallery page and used the slideshow template, you will be unable to change it in the future. If so, you must recreate the gallery page to use a different template.

Add subtitles and descriptions to images

To add a subtitle and description to your images within the gallery, kindly follow the steps below:

  1. Go to the gallery page that you wish to edit. 
  2. Hover over to the gallery and click on Edit Images.
  3. Click on Change Content
  4. Click on the image you wish to edit in the new window. 
  5. On the right side of the window, you may add the image title, subtitle, and description of the image. 
  6. Click the Done button once you are done. 

    Adding image subtitle and description

Style images in a gallery

You can style images in your gallery with shadows, rounded corners and borders. You can also change their size and margins. 

  1. Go to the gallery page that you wish to edit. 
  2. Hover your mouse over to the gallery and click Edit Images.
  3. Click on Styles
  4. Edit the styles of your images. 

Open your images in a lightbox

A lightbox displays your gallery's images in full size. You can define settings for the lightbox, such as: 

  • Enable / Disable lightbox.
  • Template: Slideshow / Vertical.
  • Height of the image in %.
  • Animation: defines an animation on entry.
  • Image Fit: Contain or Cover. This defines if the image should cover the screen or be contained. If you choose Cover, the image will cover the screen and may be truncated. If you choose Contain, the image will display fully but not cover the entire screen.
  • Caption Placement: defines the position of the image description.
  • Display or Hide Social Media Share Icons.

To edit the lightbox settings:

  1. Go to the gallery page that you wish to edit. 
  2. Hover over to the gallery and click Edit Images.
  3. Click on Styles
  4. Go to Lightbox.
  5. Edit the settings.

    Reorder images in your gallery

    To reorder images in your gallery: 

    1. Go to the gallery page that you wish to edit. 
    2. Hover over to the gallery and click Edit Images.
    3. Click on Change Content
    4. Move the mouse pointer over the image you want to move and drag & drop the image where you want it to be.

    Remove images from a gallery

    To remove images from a gallery: 

    1. Go to the gallery page that you wish to edit. 
    2. Hover over to the gallery and click Edit Images.
    3. Click on Change Content
    4. Select the images you wish to remove and click Remove Selected Items. Hold the Command or Control key on your keyboard to select several images at once.

    NB! Images will be removed from your gallery but will still be in your Image Library. Your usage of the quota remains unchanged. 

    Related topics

    Portfoliobox ${pbVer}: Search Result

    Um portfólio online feito para Criativos

    Com todas as ferramentas de que um profissional precisa

    • Grelha dinâmica
    • Linhas regulares
    • Número Dourado
    • Proporção Quadrada
    • Alinhar ao Centro
    • Puzzle
    • Aleatório
    • Horizontal
    • Horizontal 2
    • Horizontal 3
    • Vertical
    • Dois-Um
    • Três-Um
    Por tempo limitado, obtenha um desconto automático de 20% em todos os planos. Atualize agora! ×