{"id":2518,"date":"2013-06-05T16:26:55","date_gmt":"2013-06-05T16:26:55","guid":{"rendered":"http:\/\/weblusive.com\/epic\/?page_id=2518"},"modified":"2013-06-05T16:26:55","modified_gmt":"2013-06-05T16:26:55","slug":"clearing","status":"publish","type":"page","link":"https:\/\/www.pardosilver.com\/?page_id=2518","title":{"rendered":"Clearing"},"content":{"rendered":"<h3>Clearing<\/h3>\n<p>Since Orbit isn&#8217;t intended for variable-height content, we decided it would be a great idea to create a plugin that would help in that regard. Clearing makes it easy to create responsive lightboxes with any size image.<\/p>\n<p>[row]<br \/>\n[one_whole]<\/p>\n<div class=\"clearing-assembled\">\n<div>\n<a href=\"#\" class=\"clearing-close\">\u00d7<\/a><\/p>\n<div class=\"visible-img\" style=\"display: none\">\n<img decoding=\"async\" src=\"\/\/:0\"><\/p>\n<p class=\"clearing-caption\">\n<p><a href=\"#\" class=\"clearing-main-left\"><span><\/span><\/a><a href=\"#\" class=\"clearing-main-right\"><span><\/span><\/a>\n<\/div>\n<div class=\"carousel\">\n<ul class=\"clearing-thumbs\" data-clearing=\"\">\n<li><a class=\"th\" href=\"http:\/\/placehold.it\/670x420\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/placehold.it\/160x100\" \/><\/a><\/li>\n<li><a class=\"th\" href=\"http:\/\/placehold.it\/670x420\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/placehold.it\/160x100\" \/><\/a><\/li>\n<li><a class=\"th\" href=\"http:\/\/placehold.it\/670x420\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/placehold.it\/160x100\" \/><\/a><\/li>\n<li><a class=\"th\" href=\"http:\/\/placehold.it\/670x420\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/placehold.it\/160x100\" \/><\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<p><\/fiv><br \/>\n[\/one_whole]<br \/>\n[\/row]<\/p>\n<h3>Start From a Featured Image<\/h3>\n<p>Sometimes you don&#8217;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 <code>.clearing-feature<\/code> on the <code> &lt; li&gt;<\/code> of your choice, you&#8217;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 <code>.hide<\/code> class to set the ones you don&#8217;t want to display: none;.<\/p>\n<p>[row]<br \/>\n[one_whole]                    <\/p>\n<div class=\"clearing-assembled\">\n<div>\n<a href=\"#\" class=\"clearing-close\">\u00d7<\/a><\/p>\n<div class=\"visible-img\" style=\"display: none\">\n<img decoding=\"async\" src=\"\/\/:0\"><\/p>\n<p class=\"clearing-caption\">\n<p><a href=\"#\" class=\"clearing-main-left\"><span><\/span><\/a><a href=\"#\" class=\"clearing-main-right\"><span><\/span><\/a>\n<\/div>\n<div class=\"carousel\">\n<ul class=\"clearing-thumbs\" data-clearing=\"\">\n<li><a class=\"th\" href=\"http:\/\/placehold.it\/670x420\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/placehold.it\/160x100\" \/><\/a><\/li>\n<li><a class=\"th\" href=\"http:\/\/placehold.it\/670x420\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/placehold.it\/160x100\" \/><\/a><\/li>\n<li><a class=\"th\" href=\"http:\/\/placehold.it\/670x420\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/placehold.it\/160x100\" \/><\/a><\/li>\n<li><a class=\"th\" href=\"http:\/\/placehold.it\/670x420\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/placehold.it\/160x100\" \/><\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<p>[\/one_whole]<br \/>\n[\/row]<\/p>\n<h3>Including Captions<\/h3>\n<p>Another common use-case for Lightboxes is to include a caption per image. We&#8217;ve made this quick and easy by using data-attributes to hold the content. You&#8217;ll just attach this attribute to the image it belongs to and voila!<\/p>\n<p>[row]<br \/>\n[one_whole]<\/p>\n<div class=\"clearing-assembled\">\n<div>\n<a href=\"#\" class=\"clearing-close\">\u00d7<\/a><\/p>\n<div class=\"visible-img\" style=\"display: none\">\n<img decoding=\"async\" src=\"\/\/:0\"><\/p>\n<p class=\"clearing-caption\">\n<p><a href=\"#\" class=\"clearing-main-left\"><span><\/span><\/a><a href=\"#\" class=\"clearing-main-right\"><span><\/span><\/a>\n<\/div>\n<div class=\"carousel\">\n<ul class=\"clearing-thumbs\" data-clearing=\"\">\n<li><a class=\"th\" href=\"http:\/\/placehold.it\/800x600\"><img decoding=\"async\" data-caption=\"caption here...\" alt=\"\" src=\"http:\/\/placehold.it\/220x150\" \/><\/a><\/li>\n<li><a class=\"th\" href=\"http:\/\/placehold.it\/800x600\"><img decoding=\"async\" data-caption=\"caption here...\" alt=\"\" src=\"http:\/\/placehold.it\/220x150\" \/><\/a><\/li>\n<li><a class=\"th\" href=\"http:\/\/placehold.it\/800x600\"><img decoding=\"async\" data-caption=\"caption here...\" alt=\"\" src=\"http:\/\/placehold.it\/220x150\" \/><\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<p>[\/one_whole]<br \/>\n[\/row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Clearing Since Orbit isn&#8217;t intended for variable-height content, we decided it would be a great idea to create a plugin that would help in that regard. Clearing makes it easy to create responsive lightboxes with any size image. [row] [one_whole] \u00d7 [\/one_whole] [\/row] Start From a Featured Image Sometimes you don&#8217;t want to show a &hellip; <a href=\"https:\/\/www.pardosilver.com\/?page_id=2518\" class=\"more-link\">Contin\u00fae leyendo <span class=\"screen-reader-text\">Clearing<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":2495,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-2518","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.pardosilver.com\/index.php?rest_route=\/wp\/v2\/pages\/2518","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pardosilver.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pardosilver.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pardosilver.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pardosilver.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2518"}],"version-history":[{"count":0,"href":"https:\/\/www.pardosilver.com\/index.php?rest_route=\/wp\/v2\/pages\/2518\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.pardosilver.com\/index.php?rest_route=\/wp\/v2\/pages\/2495"}],"wp:attachment":[{"href":"https:\/\/www.pardosilver.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2518"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}