Clearing

[one_fourth][accordiongroup][accordion title=”Features Default”][sidenav][sideitem link=”http://weblusive-themes.com/monarch/grid/”]Grid[/sideitem][sideitem link=”http://weblusive-themes.com/monarch/navigation/”]Navigation[/sideitem][sideitem link=”http://weblusive-themes.com/monarch/buttons/”]Buttons[/sideitem][sideitem link=”http://weblusive-themes.com/monarch/forms/”]Forms[/sideitem][sideitem link=”http://weblusive-themes.com/monarch/typography/”]Typography[/sideitem][/sidenav][/accordion][accordion title=”Javascript Features”][sidenav][sideitem link=”http://weblusive-themes.com/monarch/clearing/”]Clearing[/sideitem][sideitem link=”http://weblusive-themes.com/monarch/dropdown/”]Dropdown[/sideitem][sideitem link=”http://weblusive-themes.com/monarch/joyride/”]Joyride[/sideitem][sideitem link=”http://weblusive-themes.com/monarch/magellan/”]Magellan[/sideitem][sideitem link=”http://weblusive-themes.com/monarch/reveal/”]Reveal[/sideitem][sideitem link=”http://weblusive-themes.com/monarch/section/”]Section[/sideitem][sideitem link=”http://weblusive-themes.com/monarch/info-tooltips/”]Info tooltips[/sideitem][sideitem link=”http://weblusive-themes.com/monarch/retina-icons-font-awesome/”]Retina Icons – Font Awesome[/sideitem][sideitem link=”http://weblusive-themes.com/monarch/tooltips-smallipop/”]Tooltips – Smallipop[/sideitem][/sidenav][/accordion][/accordiongroup][/one_fourth][two_third]

Clearing

Clearing makes it easy to create responsive lightboxes with any size image.

[row][one_whole]

[/one_whole][/row]

Start From a Featured Image

Sometimes you don’t want to show a gallery full of images on your site, but you want to open the gallery from a single image. By including all of your images in the list and using .clearing-feature on the < li> of your choice, you’ll be able to hide the rest of the images in the on-page gallery. If you want to show more than once, try using our .hide class to set the ones you don’t want to display: none;.

[row][one_whole]

[/one_whole][/row]

Including Captions

Another common use-case for Lightboxes is to include a caption per image. We’ve made this quick and easy by using data-attributes to hold the content. You’ll just attach this attribute to the image it belongs to and voila!

[row][one_whole]

[/one_whole][/row][/two_third]

Leave A Reply

Your email address will not be published. Required fields are marked *