Skip to main content

How to Add Gallery to Your Page ?

Through this document , you will uncover the 'Gallery' feature properties in site editor page through these key elements:

1. Adding a Gallery
2. Feature Settings Window
3. Style Settings Window

Adding a Gallery

  • Drag the Gallery icon from the available features

image.png

  • Drop the Gallery icon into the desired location on your website page

image.png

Feature Settings

Upon dropping the gallery, a settings window will appear, offering four main features:

  • Images

    • Include images for your gallery on your website by choosing from three options: select from your uploaded images, use sample images from the website, or upload new images.

____________________________________________________________________________

  • Settings

    • Customize your gallery global settings through selecting the number of columns.

    • Determine how your image is visible on devices (Mobile , Tablet , Desktop , Large desktop).

____________________________________________________________________________

  • Design

    • Customize the design of each image in your gallery in terms of :
      - Margin
      - Padding
      - Border
      - Color
      - Style

____________________________________________________________________________

  • Animations

    • Add animation to your gallery's title and long text from a long list of animation options.

    • Enhance your animations image by incorporating timing in seconds

Style Settings

Design Features

  • Access the "Design" feature to customize your gallery appearance. Within this feature, you can determine the following properties:

    • Margin: Set the spacing around your gallery to control its placement on the page.

    • Border: Define a border for your gallery to add a distinct visual element.

    • Color: Choose the color that best complements your website's theme or design.

    • Style: Apply different styles to your gallery, enhancing its visual appeal.

    • Gradient: Add gradient effects to your gallery for a more dynamic and modern look.

Background Features

  • Navigate to the "Background" feature to enhance the backdrop of your gallery.

    • Upload Images: Insert images as a background for your gallery, providing visual interest.

    • Sample Images: Explore pre-loaded image samples for quick and easy background selection.

    • Background Styling: Customize the gallery background further with options like:

      - Background Repeat: Control how the background image repeats.
      - Background Fill: Adjust how the background fills the space around the gallery.
      - Background Position: Define the positioning of the background image for optimal display.

Style Customization

  • Within the "Style" section, further refine your button presentation by adding classes from a dropdown list with a plethora of options.
  • Determine how your gallery is visible on devices (Mobile , Tablet , Desktop , Large desktop).

Back to top