Adding Video-Gallery

Huge-IT Video Gallery > Add New Video Gallery

  • Add video link
    Video links can be added from Youtube and Vimeo.
  • Set Custom Thumbnail
    You can add your desired thumbnail image on the video.
  • Title
    Right a title to the video.
  • Description
    Right some information about video content.
  • URL
    You can add a link to another page that you want the click to land on.
  • View Counter
    This Button shows the number of video views, hover on it to download the report in pdf file.
wp-video-gallery-creating-video-gallery

After you created Video Gallery on the right side you can find 3 blocks.

  • Video Gallery Custom Options
    From this block you can make a number of custom changes with the gallery you work on.
  • Gallery name
    Title your gallery.
  • Select View
    Choose one among 7 different gallery types.
  • Displaying Content
    Choose whether to show all vidoes on one page, or divide them using Pagination or "load more" button.
wp-video-gallery-custom-options

Inserting Created Image Gallery

Usage

The shortcode of your Video Gallery is located here. By Copying and Patsing this shortcode you can insert the gallery wherever you need in your post. It is also possible to add the shortcode automatically. On post window just pressing on add video gallery button the shortcode will be inserted into the post.
wp-video-gallery-usage

Template Include

Insert this code into your template to make the inserting of the video gallery easy in custom location within your theme.
wp-video-gallery-template-include

General Options of Video Gallery

In this section you can modify your Video Gallery in more details. That will change the features of each view you choose.

Video Gallery/Content popup

Video-element Styles

  • Video Video-element Width
    Specify preferable width of your videos.
  • Video-element Height
    Specify desired height of posted videos.
  • Video-element Border Width
    Specify preferable width for surrounding border of the video-element.
  • Video-element Border color
    Select preferable color for surrounding border.
  • Video-element's Video-image Overlay color
    Select a color for the overlay on the video as you hold the mouse arrow on it.
  • Video-element's Video-image Overlay Opacity
    Determine preferable transparency degree for the video overlay.
  • Zoom image Style
    Determine black or white color for zoom icon.
wp-video-gallery-general-options-popup-element-styles

Popup Styles

  • Popup Background color
    Edit to set preferable background color of popup in your gallery.
  • Popup Overlay color
    Choose preferable color for popup overlay.
  • Popup Overlay Opacity
    Specify preferable degree of background transparency of overlay color.
  • Popup Close Button Style
    Edit what color for "X" icon would you like.
  • Show Separator Lines
    Select to show separation lines between title and text in popup.
wp-video-gallery-general-options-popup-popup-styles

Popup Description

  • Show Description
    Select to show the description of the video.
  • Description Font Size
    Determine preferable size of description font.
  • Description Font color
    Set preferable color of description text.
wp-video-gallery-general-options-popup-popup-description

Video-element Title

  • Video-element Title Font Size
    Edit preferable size of title font.
  • Video-element Title Font color
    Edit preferable color of title.
  • Video-element Title Background color
    Determine preferable color of title's background.
wp-video-gallery-general-options-popup-element-title

Video-element Link button

  • Show Link button on Video-element
    Select to show "View More" button on the video.
  • Link button Text
    You can change the "View More" button text.
  • Link button Font Size
    Choose preferable size of Link-button.
  • Link button Font color
    Determine preferable color of link font.
  • Link button Background color
    Determine preferable color for link background.
wp-video-gallery-general-options-popup-element-link-button

Popup Title

  • Popup Title Font Size
    Determine title size of the letters of popup.
  • Popup Title Font color
    Configure preferable color for title in popup.
wp-video-gallery-general-options-popup-popup-title

Popup Link button

  • Show Link button
    Choose to make Link-button visible in popup.
  • Link button Text
    Edit the text of Link-button in popup.
  • Link button Font Size
    Set preferable size of the letters of Link-button in popup.
  • Link button Font color
    Configure the preferable color for Link-button in popup.
  • Link button Font Hover color
    Determine preferable color of Link-button when you hover the mouse on it.
  • Link button Background color
    Specify preferable background color of the Link-button in popup.
  • Link button Background Hover color
    Specify preferable background color of the link as you hover the mouse on it.
wp-video-gallery-general-options-popup-popup-link-button

Content video slider

Slider Container

  • Main image Width
    This fixes the margin of the main image.
  • Slider Background color
    You can choose preferable color for slider field.
  • Arrow Icons Style
    Specify black/white color of arrows in slider.
  • Show Separator Lines
    Choose to make the lines between text, title, and link visible.
wp-video-gallery-general-options-content-video-slider-container

Title

  • Title Font Size
    Configure the preferable size of the letters of the title.
  • Title Font color
    Configure the preferable color of the font.
wp-video-gallery-general-options-content-video-title

Link button

  • Show Link button
    Click to show the Link-button.
  • Link button Text
    Write a text on link button.
  • Link button Font Size
    Edit the size of the letters of the link text.
  • Link button Font color
    Edit the color of the link text.
  • Link button Font Hover color
    Link button Font Hover color.
  • Link button Background color
    Determine preferable color for link field
  • Link button Background Hover color
    Choose a color for your link background when hovering on it.
wp-video-gallery-general-options-content-video-link-button

Description

  • Show Description
    Click to show the description of the text.
  • Description Font Size
    Specify preferable size of the letters of description.
  • Description Font color
    Choose a color for description text in your "content video slider" view.
wp-video-gallery-general-options-content-video-description

Lightbox-Video Gallery

Video-image

  • Video-image Width
    Specify preferable size of the video.
  • Video-image Border Width
    Specify preferable width of surrounded borders.
  • Video-image Border color
    Configure your preferable color for border.
  • Border Radius
    Determine prefered radius of border corners.
wp-video-gallery-general-options-lightbox-video-image

Title

  • Title Font Size
    Specify the size for font of the title.
  • Title Font color
    Configure the preferable color for title.
  • Title Font Hover color
    Configure the preferable color of the title while hovering on it.
  • Title Background color
    Set the background color for the title.
  • Title Background Opacity
    Set level for title background transparency.
wp-video-gallery-general-options-lightbox-title

Video Slider

Slider

  • Video Behaviour
    Choose "resized" to stretch and fit your videos to the size of the Slider.
  • Slider Background color
    Set preferable color of the vacant part of slider field while images has its natural size.
  • Slideshow Border Size
    Specify the size of the border in your slider.
  • Slideshow Border color
    Choose your prefered color for border.
  • Slideshow Border radius
    Determine preferable radius for slider border.
wp-video-gallery-general-options-video-slider-sliderslider-slider

Navigation

  • Show Navigation Arrows
    Click to show navigation arrows in slider.
  • Navigation Dots Position/Hide Dots
    Choose where to locate the dots, or choose to remove them.
  • Navigation Dots color
    Choose the color for navigation dots of slider.
  • Navigation Active Dot color
    Determine preferable color of moving dots in slider.
  • Navigation Type
    Determine preferable type of your navigation arrows.
wp-video-gallery-general-options-video-slider-navigation

Thumbnails

Element Styles

  • Image Behavior
    Natural mode will cut the image to fix element box without resizing the image.
  • Element Width
    Sets the width of posted video.
  • Element Height
    Sets the height of posted video.
  • Element Border Width
    Set the border width of the element,
  • Element Border Color
    Choose the color for the border.
  • Element's Image Overlay Color
    Choose a color for the overlay on the video while hovering on it.
  • Element's Image Overlay Opacity
    Set the level of transparency of the video overlay.
  • Zoom Image Style
    Changes the color of zoom icon.
wp-video-gallery-general-options-thumbnails-element-styles

Container Style

  • Presence of a background
    Click to have background for thumbnails.
  • Box background color
    Specify desired color of surrounding box.
  • Box shadow
    Click if you like to have shadows of the box.
  • Box padding
    Specify desired distance between box and video.
wp-video-gallery-general-options-thumbnails-container-style

Title

  • Title Font Size
    Specify preferable size of the text font.
  • Title Font color
    Determine preferable color of text.
  • Overlay Background color
    Determine the overlay color of the title.
  • Title Background Opacity
    Specify the degree of background transparency.
  • Link text
    Right desired text for the link.
wp-video-gallery-general-options-thumbnails-pagination-styles

Pagination Styles

  • Pagination Font Size
    Change the size of the pagination numbers.
  • Pagination Font Color
    Font color of the pagination can be changed.
  • Pagination Icons Size
    Next/prev icon size change from here.
  • Pagination Icons Color
    Change next/prev icon colors.
  • Pagination Position
    Decide where to posit pagination.
wp-video-gallery-general-options-thumbnails-pagination-styles

Load More Styles

  • Load More Text
    Write another text in Load More button.
  • Load More Position
    Decide where to posit the button.
  • Load More Font Size
    Change font size of the button text.
  • Load More Font Color
    Change the color of the button text.
  • Load More Font Hover Color
    Change the color of the text when you hover a mouse on it.
  • Load More Button Color
    Background color of the button.
  • Load More Background Hover Color
    Background color when a mouse hovered on it.
  • Loading Animation
    Change the animation type of the loading.
wp-video-gallery-general-options-thumbnails-load-more-styles

Justified View

Element Styles

  • Image height
    Set the height of the ideos.
  • Image margin
    Set the distance between each video in the tape.
  • Image Justify
    Select to make the width of all videos 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 its natural size.
  • Image Randomize
    Select to show your images randomly.
  • Opening With Animation
    Choose to see the tape of videos appearing animated.
  • Opening Animation Speed
    Select the speed of the animation.
wp-video-gallery-general-options-justified-element-styles

Element Title

  • Show Title
    Choose to show the title or not
  • Element Title Font Size
    Choose the font size for the title of the video.
  • Element Title Font Color
    Select preferable color for the title of the video.
  • Element Title Background Color
    Choose the color of title background.
  • Element's Title Overlay Opacity
    Select the level of transparency for the title overlay.
wp-video-gallery-general-options-justified-element-title

Pagination Styles

  • Pagination Font Size
    Change the size of the pagination numbers.
  • Pagination Font Color
    Font color of the pagination can be changed.
  • Pagination Icons Size
    Next/prev icon size change from here.
  • Pagination Icons Color
    Change next/prev icon colors.
  • Pagination Position
    Decide where to posit pagination.
wp-video-gallery-general-options-justified-pagination-styles

Load More Styles

  • Load More Text
    Write another text in Load More button.
  • Load More Position
    Decide where to posit the button.
  • Load More Font Size
    Change font size of the button text.
  • Load More Font Color
    Change the color of the button text.
  • Load More Font Hover Color
    Change the color of the text when you hover a mouse on it.
  • Load More Button Color
    Background color of the button.
  • Load More Background Hover Color
    Background color when a mouse hovered on it.
  • Loading Animation
    Change the animation type of the loading.
wp-video-gallery-general-options-thumbnails-load-more-styles

Blog Styles Gallery

General Styles

  • Container Width
    Choose whole gallery item container width
  • Video Width
    Choose video player width.
  • Video Height
    Choose video player height.
  • Video Position
    Decide where to place the video.
  • Content Position
    Set content position within page container.
  • Video Arrangement
    Decide where to place the video among description and title.
  • Space Between Containers
    Set padding level between each item container.
  • Separator Line Style
    Pick up one style for separational line, which will divide your gallery items.
  • Separator Line Size
    Anjust separational line size.
  • Separator Line Color
    Choose a color for separational line.
wp-video-gallery-general-options-blog-general-styles

Title Styles

  • Show Title
    Select, if you need to display the title of the project.
  • Font Size
    Choose title font size.
  • Font Color
    Decide font color for the title.
  • Background Color
    Title has background, pick up a color for it.
  • Background Opacity
    Adjust title background Transparency level.
  • Text Align
    Choose text align for title.
wp-video-gallery-general-options-blog-title-styles

Description Styles

  • Show Description
    Select whether to see the description text or not.
  • Font Size.
    Change the font size for the description.
  • Font Color
    Pick up font color for description text.
  • Background Color
    Change color for description background.
  • Background Opacity
    Adjust description background transparency level.
  • Text Align
    Choose the text align for description.
wp-video-gallery-general-options-blog-description-styles

Pagination Styles

  • Pagination Font Size
    Change the size of the pagination numbers.
  • Pagination Font Color
    Font color of the pagination can be changed.
  • Pagination Icons Size
    Next/prev icon size change from here.
  • Pagination Icons Color
    Change next/prev icon colors.
  • Pagination Position
    Decide where to posit pagination.
wp-video-gallery-general-options-blog-pagination-styles

Load More Styles

  • Load More Text
    Write another text in Load More button.
  • Load More Position
    Decide where to posit the button.
  • Load More Font Size
    Change font size of the button text.
  • Load More Font Color
    Change the color of the button text.
  • Load More Font Hover Color
    Change the color of the text when you hover a mouse on it.
  • Load More Button Color
    Background color of the button.
  • Load More Background Hover Color
    Background color when a mouse hovered on it.
  • Loading Animation
    Change the animation type of the loading.
wp-video-gallery-general-options-blog-load-more-styles