Site.pro
  • Website Builder
    • Website Builder
    • Prices
    • Website Import
    • Online Stores
    • Plugins
    • Collaboration
    • Templates
    • Languages
    • Affiliate Program
    • Examples
    • AI Website Builder
    • For Design Studios
    • We Build for You
  • Domains
  • Email
  • Learn
    • Tutorials
    • Blog
    • FAQ
    • Growth Hacking
    • For Hostings
    • Domainity
    • For Education
  • For Resellers
    • Prices
    • White Label
    • Revenue Share
    • Panels
    • How it Works
    • Mass Import
    • Our Partners
    • Reselling Examples
    • Marketing Materials
    • Documentation
    • Free Websites
  • Website Builder
    • Website BuilderEverybody can easily create a website, landing page, or e-commerce store. Easy-to-use website builder.
    • PricesSite.pro Prices: Templates 200+, Websites, Basic Builder Functions, Online Stores. Get more website builder features.
    • Website ImportTransfer your existing website from anywhere to Site.pro website builder. Website import from different website builders.
    • Online StoresSell your goods or services anywhere on the website. The Easiest Way to Build an Online Store
    • PluginsMany functions and plugins depending on geographical preferences. Plugin description.
    • CollaborationCollaborative Website Builder, Create a website with teammates in real-time in one space. Real-Time Collaboration.
    • Templates
    • Languages
    • Affiliate Program
    • Examples
    • AI Website Builder
    • For Design Studios
    • We Build for You
  • Domains
  • Email
  • Learn
    • TutorialsVideos for Beginners. Download video tutorials for free New video tutorial.
    • BlogWebsite Builder Lifehacks: Shared Hosting tips from Hosting Market Leaders.
    • FAQUse this FAQ database to find information about working with Site.pro products quickly and easily.
    • Growth HackingBoost your sales. Strategy
    • For HostingsEducation. Generate more website builder sales
    • DomainityDomainity: Domain quantity per 1000 people Localised product (local language, plugins, payment gateways, …)
    • For EducationFree Website Builder for Online and Offline Classrooms. Collaborate with students in one space or separately.
  • For ResellersWhite Label
    • PricesStart reselling. Pay for live websites. Free Websites. Join reselling program.
    • White LabelThe most popular white label tool is ideal for reselling
    • Revenue ShareWebsite Builder: Provide free website builder and earn 50% commissions.
    • PanelsOne product for all platforms. Download plugin for your panel. Site.pro builder works on these panels. For Hosting Companies.
    • How it WorksCloud or On-Premises. Recommendations for Builder Server. Requirements for builder server (On-premises only) and published websites.
    • Marketing MaterialsVideo. Mockups. Website Blocks. Marketing Materials.
    • Mass Import
    • Our Partners
    • Reselling Examples
    • Documentation
    • Free Websites
  • Register

    Register

    (Buy Domain, Create email)
    (For Hosting Companies)
    By registering, you accept our Terms of Service
    Number of Customers: 1-100
    Number of Customers: 1-100
  • Log in

    Log in

    New user? Create account
    Forgot password?
  • $
  • English

How to use "Gallery Masonry"?

Category
  • Account & Billing (35)
  • Domains (41)
  •     Purchasing (15)
  •     Connecting (26)
  • Mailboxes (26)
  • Brand (Cloud, On-Premises) (19)
  •     Cloud (5)
  •     On-Premises (14)
  • Installation (17)
  •     Website Builder (11)
  •     Website Builder Plugin (6)
  • Hosting/Billing Panels (37)
  •     WHMCS (5)
  •     cPanel (9)
  •     DirectAdmin (8)
  •     ISPmanager (4)
  •     Plesk (7)
  •     Webuzo (2)
  •     CentOS Web Panel (2)
  • Website Builder (283)
  •     Website creation (52)
  •     Text (14)
  •     Pictures (11)
  •     Media (15)
  •     Additional (8)
  •     Social (13)
  •     SEO (22)
  •     Import (5)
  •     Commerce (80)
  •     Maps (12)
  •     Advanced (18)
  •     Forms (7)
  •     Errors (21)
  •     Custom plugins (5)
  • License (28)
  • Managing Website (12)
  • Web Design Studio (3)
  • Affiliate Program (8)
  • Education (8)
  • Search
    Filter
  • All (544)
  • For Hosting Companies (422)
  • For Website Owners (395)
    • Account & Billing (35)
    • Domains (41)
      • Purchasing (15)
      • Connecting (26)
    • Mailboxes (26)
    • Brand (Cloud, On-Premises) (19)
      • Cloud (5)
      • On-Premises (14)
    • Installation (17)
      • Website Builder (11)
      • Website Builder Plugin (6)
    • Hosting/Billing Panels (37)
      • WHMCS (5)
      • cPanel (9)
      • DirectAdmin (8)
      • ISPmanager (4)
      • Plesk (7)
      • Webuzo (2)
      • CentOS Web Panel (2)
    • Website Builder (283)
      • Website creation (52)
      • Text (14)
      • Pictures (11)
      • Media (15)
      • Additional (8)
      • Social (13)
      • SEO (22)
      • Import (5)
      • Commerce (80)
      • Maps (12)
      • Advanced (18)
      • Forms (7)
      • Errors (21)
      • Custom plugins (5)
    • License (28)
    • Managing Website (12)
    • Web Design Studio (3)
    • Affiliate Program (8)
    • Education (8)
    FAQ
    ›
    Pictures
    How to use "Gallery Masonry"?
    Website Builder
    1. Adding gallery:
      • Drag & drop "Gallery" from main toolbar;
      • Choose List gallery composition;
      • Select gallery and click pictures editing button in right toolbar;
      • Click "Add Pictures" to upload pictures.
      • Click "Size" in right toolbar;
      • Set gallery size or select "Allow to adjust size automatically".
    2. Customising gallery:
      • Gallery pictures:

        Select gallery and click pictures in right toolbar. Add pictures title, link, address and description.

      • Do not enlarge picture on click:

        Mark this box to prevent pictures from being enlarged when clicked.

      • Background:

        Select gallery and click background to choose background colour/opacity in right toolbar.

      • Filling:

        Select filling of image as "Fit" option which compresses the image inside the box, or "Fill"option to place the picture all over the box.

    3. Thumbnails:

      Click thumbnails border to choose border width, colour and style in right toolbar.

    4. Slideshow:

      Set picture change frequency and transition duration in right toolbar.

    5. Captions:

      Set how to show picture caption, background colour and text style in right toolbar.

      • Include description:

        Add picture description text inside "Gallery media manager" and click "Apply" button.
        Inside right toolbar in "Caption" section tick "Include description" checkbox.

    6. Lightbox:

      Set how to show background colour of the picture when viewing photos.

    Preview:

    Gallery Masonry



    People also found this article using these queries:

    • Place pictures in vertical columns
    • Adding pictures
    • Putting pictures in vertical blocks in gallery
    • Gallery with vertical columns
    • Position photos vertically in gallery
    • Gallery with vertical layout positioning
    • Masonry gallery
    • How can I use the masonry feature in the gallery?
    • Images in vertical alignment
    • Drag & drop masonry gallery
    • Vertical picture alignment in gallery
    • Columns of pictures in gallery
    • How to add gallery masonry?
    • Align photos in vertical columns
    • Where to add gallery masonry?
    • Images in vertical rows
    © Site.pro 2011. Website Builder. United States.
    Contact SalesTerms of ServicePrivacy Policy