Grid Gallery

This Guide will help you to add Grid Gallery.

Drag and Drop

  • Drag and Drop Grid Gallery from left side Widget Panel as shown in image below.

https://poweredbyearthgirl.com/billing/instantsite/images/Grid-gallery-drag.png

Select Images

  • Select images from Media Library as shown in below image.
  • You can upload images by Clicking on Upload Files.

https://poweredbyearthgirl.com/billing/instantsite/images/Grid-gallery-image-select.png

Grid Gallery Settings

  • If you want to Change, Delete or Add images you can do that from Organize Images.
  • Now select Column count for Images.
  • Select Image size from options or Select Custom option to add custom size for Images.

https://poweredbyearthgirl.com/billing/instantsite/images/Grid-gallery-settings1.png

  • Now select Link for your Images.
  • If you want open that Link in New Tab then check Open link in new window(tab).
  • To show image caption below image just check Show image caption.

https://poweredbyearthgirl.com/billing/instantsite/images/Grid-gallery-settings2.png

Gallery option in Grid Gallery

This option is available in link to section. By selecting this option your images will pop up when you click on it. You can add following properties for Gallery image.

  • You can add image thumbnail Border Size and Color as shown in image below.

https://poweredbyearthgirl.com/billing/instantsite/images/Gallery-img-thumbnail.png

Also you can add spacing around image thumbnail, set pop up gallery image Border size and color as shown in image below.
  • You can set max height and max width for your pop up image frame
  • Check Show Pagination box if you want to show pagination
  • Provide the visibility for image title as shown in image below.

https://poweredbyearthgirl.com/billing/instantsite/images/Gallery-img-thumbnail2.png
When you click on gallery image on your webpage the pop up will appear as shown in image below.
https://poweredbyearthgirl.com/billing/instantsite/images/Gallery-img-thumbnail3.png

  • 0 Users Found This Useful
Was this answer helpful?

Related Articles

Tabs

When the first Theme is selected it automatically gives the Predefined Style for Tabs but if you...

Service Box

This Guide will help you to add Service Box. Drag and Drop Service Box Drag and Drop Service...

Primary Menu

When the first Theme is selected it automatically gives the Predefined Style for Menu but if you...

Pricing Table

When the first Theme is selected it automatically gives the Predefined Style for Pricing Table...

Modal

This Guide will help you to add Modal. Drag and Drop Modal Drag and Drop Modal from left side...