Use the standard WordPress Image uploader to add an image from media library or upload from computer.
Add a title to your image.
Give some information or describe the topic.
Provide some link of your post. Click to open in new tab or don’t click to open in the same tab.
Use the standard WordPress video uploader to add a video from Youtube or Vimeo. Just insert a link.
Add a title to your videos.
Give some information or describe the topic.
Provide some link of your post. Click to open in new tab or don’t click to open in the same tab.
When you finish creating your Image Gallery. Find on the right site 3 blocks:
From this block you can make a number of custom changes with the gallery you work on.
Title your gallery.
Choose one among 7 different gallery types.
Choose where to show all projects on one page, or divide them using Pagination or “load more†button.
While choosing pagination or “load more†decide how many items it should show per page.
Enable rating system with like/dislike or heart icon.
Here you can find a shortcode of your Image Gallery. You can Copy and Paste this shortcode wherever you need in your posts or page. Or you can add this code automatically, when posting your Gallery there is a button to add the Gallery, pressing on it the shortcode inserts into your post.
This code is for inserting Gallery into your template, it makes the inserting easier to use in custom location within theme.
In this section you can modify your Image Gallery in more details. That will change the features of each view you choose.
Select to move the gallery to the center.
Natural mode will cut the image to fix element box without resizing the image.
Sets the width of posted image/video in Gallery Image.
Sets the height of posted image/video in Gallery Image.
Set the border width of the element in Gallery Image.
Choose the color for the border.
Choose a color for the overlay on the image/video while hovering on it.
Set the level of transparency of the image/video overlay.
Changes the color of zoom icon.
Select to make image with natural size within popup.
Change the background color of popup.
Choose the color for popup overlay.
Set the level of background transparency.
Change the color of “X†icon.
Tick to show separation lines between title and text in popup.
Tick to show link button in popup.
Change the text of link button in popup.
Change font size of link button in popup.
Change color of link button in popup.
Choose color of link button when hover on it.
Set background color of the link button in popup.
Set background color of the link as you hover on it.
This option will show how many people rated your project.
Rating has background, decide it’s color from here.
Decide transparency level of rating background.
Rating text font color, can be changed from here.
Color of the rating when rated (active).
Change color of like/dislike icons.
Color of like/dislike when it’s active ( liked/disliked).
What color would you give to the heart.
Color of the heart when you press on it.
Change the size of title font.
Choose the color of title background.
Change the color of title.
Tick to show “View More†button on the image.
Change content of the “View More†text.
Change the size of link button.
Change the color of link font.
Choose color for link background.
Choose title font size in popup.
Choose Title font color in popup.
Tick to show the description of the image.
Choose the size of description font.
Change the color of description text.
Change the size of the pagination numbers.
Font color of the pagination can be changed.
Size of next/prev icon size change from here.
Change next/prev icon colors.
Decide where to posit pagination.
Write another text in Load More button.
Decide where to posit the button.
Change font size of the button text.
Change the color of the button text.
Change the color of the text when you hover a mouse on it.
Background color of the button.
Background color when a mouse hovered on it.
Change the animation type of the loading.
Set the width of the main image in pixels.
Set the color of background.
Set black or white color of arrows in slider.
Click to show the lines between text, title, and link.
Set the font size of the title.
Set the color of the font.
Click to show the link button.
Change the text on link button.
Change the font size of the link text.
Change the color or the link text.
Change the color of the link text while hovering on it.
Choose the color of link background.
Choose the color of link background while hovering on it.
Click to show the description of the text.“
Set the font size of description.
Set the color of font of description.
This option will show how many people rated your project.
Rating has background, decide its color from here.
Decide transparency level of rating background.
Rating text font color, can be changed from here.
Color of the rating when rated (active).
Change color of like/dislike icons.
Color of like/dislike when it’s active ( liked/disliked).
What color would you give to the heart.
Color of the heart when you press on it.
Select this to move the content in the center of the the container.
Set the size of the image / video.
Set the width of borders.
Choose the color for the border.
Choose the radius of border corners.
Set the font size of the title in.
Set the color of the title.
Set the color of the title while hovering on it.
Choose title background color.
Choose the level of title background transparency.
Write another text in Load More button.
Decide where to posit the button.
Change font size of the button text.
Change the color of the button text.
Change the color of the text when you hover a mouse on it.
Set the background color of the button.
Set the background color when a mouse hovered on it.
Change the animation type of the loading.
Change the size of the pagination numbers.
Font color of the pagination can be changed.
Next/prev icon size change from here.
Change next/prev icon colors.
Decide where to posit pagination.
This option will show how many people rated your project.
Rating has background, decide its color from here.
Decide transparency level of rating background.
Rating text font color, can be changed from here.
Color of the rating when rated.
Change color of like/dislike icons.
Color of like/dislike when it’s active.
What color would you give to the heart.
Color of the heart when you press on it.
Choose resized if you need your images to have the size of the slider.
Choose the color of background while images has its natural size.
Set the size of the slider border.
Choose the color for the slider border.
Choose the radius for slider border.
Choose the width for title box.
Click if you need the title to have margin.
Set the font size of the title.
Set the color of the title.
Set the location of the title in the box.
Set the level of background transparency.
Choose the color of title background.
Set the size of the title border.
Choose the color for the title border.
Set the radius for border corners.
Choose the position for the title.
Choose if description need to have margin.
Set the font size for description.
Set text color for description.
Set the location of the description in the box.
Set the level of transparency for background of description.
Choose the color for description background.
Set the size for the border in description.
Set the color of description border.
Set the radius of the description box corners.
Set the position of description on image.
This option will show how many people rated your project.
Rating has background, decide its color from here.
Decide transparency level of rating background.
Rating text font color, can be changed from here.
Color of the rating when rated.
Change color of like/dislike icons.
Color of like/dislike when it’s active.
What color would you give to the heart.
Color of the heart when you press on it.
Click to show navigation arrows.
Choose the location for dots, or choose to remove them.
Choose the color for navigation dots in slider.
Choose the color of moving dots in slider.
Choose one of the navigation arrow types.
Set the Color of surrounded box.
Click if you need to have shadows in the box.
Set the distance between the box and image/video.
Click to have background for thumbnails.
Click to give your image/video a behavior.
Set the width of thumbnails.
Set the height of thumbnails.
Set the width of the border between thumbnails.
Set the color of the border between thumbnails.
Set the radius of the border.
Set the distance between each thumbnails.
Set the size of the text font.
Choose the color of text.
Choose the overlay color of the title.
Set the level of background transparency.
Change the text on the overlay.
Change the size of the pagination numbers.
Font color of the pagination can be changed.
Next/prev icon size change from here.
Change next/prev icon colors.
Decide where to posit pagination.
This option will show how many people rated your project.
Rating has background, decide its color from here.
Decide transparency level of rating background.
Rating text font color, can be changed from here.
Color of the rating when rated.
Change color of like/dislike icons.
Color of like/dislike when it’s active.
What color would you give to the heart.
Color of the heart when you press on it.
Write another text in Load More button.
Decide where to posit the button.
Change font size of the button text.
Change the color of the button text.
Change the color of the text when you hover a mouse on it.
Background color of the button.
Background color when a mouse hovered on it.
Change the animation type of the loading.
Set the height of the images/videos in tape.
Set the distance between each image/video in the tape.
Select to make the width of all image/video up to 100% in container. So all of them together will fit the container of your theme, and tick off to bring each of them with it’s natural size.
Select to show your images randomly.
Choose to see the tape of images/videos appearing animated.
Set the opening Animation Speed.
Choose to show the title or not
Choose the font size for the title of the image/video.
Select preferable colour for the title of the image/video.
Choose the colour of title background.
Select the level of transparency for the title overlay.
Change the size of the pagination numbers.
Font color of the pagination can be changed.
Next/prev icon size change from here.
Change next/prev icon colors.
Decide where to posit pagination.
This option will show how many people rated your project,
Rating has background, decide its color from here,
Decide transparency level of rating background,
Rating text font color, can be changed from here,
Color of the rating when rated.
Change color of like/dislike icons.
Color of like/dislike when it’s active.
Decide what color would you give to the heart.
Choose the color of the heart when you press on it.
Write another text in Load More button.
Decide where to posit the button.
Change font size of the button text.
Change the color of the button text.
Change the color of the text when you hover a mouse on it.
Background color of the button.
Background color when a mouse hovered on it.
Change the animation type of the loading.
Change the width size of the block
Decide where to place the content within the page.
Choose, where to place your image relatively to title and description text.
Set the space between each project.
Choose a style for separation line between each item of the gallery.
Choose the size for the separation line, which divides gallery among projects.
Pick up a color for separational line.
Decide how many images/videos you need to show per page.
Choose font size for pagination numbers.
Change color for pagination font.
Decide the size of the icons on pagination.
Change the color of pagination icons.
Decide where to place the navigation of pages.
Select, if you need to display the title of the project.
Choose title font size.
Decide font color for the title.
Title has background, pick up a color for it
Adjust title background Transparency level.
Choose text align for title.
Select whether to see the description text or not.
Change the font size for the description.
Pick up font color for description text.
Change color for description background.
Adjust description background transparency level.
Choose the text align for description.
Change the size of the pagination numbers.
Font color of the pagination can be changed.
Next/prev icon size change from here.
Change next/prev icon colors.
Decide where to posit pagination.
This option will show how many people rated your project.
Rating has background, decide its color from here.
Decide transparency level of rating background.
Rating text font color, can be changed from here.
Color of the rating when rated.
Change color of like/dislike icons.
Color of like/dislike when it’s active.
What color would you give to the heart.
Color of the heart when you press on it.
Write another text in Load More button.
Decide where to posit the button.
Change font size of the button text.
Change the color of the button text.
Change the color of the text when you hover a mouse on it.
Background color of the button.
Background color when a mouse hovered on it.
Change the animation type of the loading.
Pick up one of designed styles of ligtbox.
Choose the effect of lightbox performance.
From here, configure speed of opening for lightbox.
Configure the speed of closing for lightbox.
Tick to display the title of image.
In opened position of lightbox, you can adjust the background overlay transparency level.
Tick for automatically opening the first image after reloading.
Tick to close the lightbox by clicking on the background overlay.
Tick to close the image with esc button on keyboard.
Tick to slide images in lightbox with left and right buttons.
Selection of this option can allow to get to the first image after last image.
Choose to display close button or not.
Tick to fix the ligtbox position while scrolling the page.
You are given 9 ways to posit the ligtbox within page.
Selection of this options will fix the popup width and height.
Give the height size to the lightbox.
Give width size to the lightbox.
In case of size - unfixed, choose image max width.
In case of size - unfixed, choose image max height.
Decide the inceptive height of opening.
Decide the inceptive width of opening.
Tick to enable slideshow.
Decide period between slides.
Selection of this option will start slideshow automatically as you open a lightbox. Also there will be “play†and “stop†button for slideshow.
Enter some new text on start button.
Enter some new text of stop button.
