Wordpress Colorbox User Manual – Huge-IT

Adding a colorbox

To add a colorbox in your website you just need to install and activate colorbox plugin and its done.

wp-colorbox-instal-active

Inserting Created colorbox

You don’t need to insert shortcode or something else in your page or post. After you install the Huge-IT colorbox it will work automatically when you click on the image. The image which is inserted into post/page should be added as "media type".

wp-colorbox-inserting-created-lightboxcreated-Colorbox" />

Use Both images and Videos in colorbox.

Except images you also can insert youtube or vimeo link to show your videos in colorbox. In your post click -insert media and -insert from URL. Add the link, give a title or image to click and open the video.

wp-colorbox-videos

General Options of Colorbox

This section will allow to make changes of the Colorbox’s settings. Most of the view options allow styling and multi coloring.

Internationalization

  • Colorbox style.

    choose the style of your popup.

  • Transition type.

    Set the way of opening the popup.

  • Opening speed.

    Set the speed of opening the popup in milliseconds.

  • Closing speed.

    Set the speed of closing the popup in milliseconds.

  • Show the title.

    Choose whether to display the content title.

  • Overlay transparency.

    Change the level of popup background transparency.

  • Auto open.

    Choose for automatically opening the firs content after reloading.

  • Overlay close.

    Choose to close the content by clicking on the overlay.

  • ESC close.

    Choose to close the content with esc button.

  • Keyboard navigation.

    Set to change the images with left and right buttons.

  • Loop content.

    If “true” give the ability to move from the last image to the first image while navigation.

  • Show close button.

    Choose whether to display close button.

wp-lightbox-general-internationalization

Positioning

  • Fixed position.

    If “true” the popup does not change it’s position while scrolling up or down.

  • Popup position.

    Set the position of popup.

wp-lightbox-general-positioning

Dimensions

  • Popup size fix.

    Choose to fix the popup width and high.

  • Popup maxwidth.

    Set unfix content max width.

  • Popup maxheigh.

    Set unfix max high.

  • Popup initial heigh.

    Set the initial high of opening.

  • Popup initial width.

    Set the initial size of opening.

wp-lightbox-dimensions

Slideshow

  • Slideshow.

    Select to enable slideshow.

  • Slideshow interval.

    Set the time between each slide.

  • Slide show auto start.

    If “true” it works automatically.

  • Slideshow start button text.

    Set the text on start button.

  • Slideshow stop button text.

    Set the text of stop button.

wp-lightbox-general-slideshow