{"id":785,"date":"2016-03-15T18:19:33","date_gmt":"2016-03-15T18:19:33","guid":{"rendered":"http:\/\/www.slickrflickr.com\/members\/?p=785"},"modified":"2016-03-16T13:01:03","modified_gmt":"2016-03-16T13:01:03","slug":"filtering-and-showing-a-specific-number-of-items","status":"publish","type":"post","link":"https:\/\/www.slickrflickr.com\/members\/785\/filtering-and-showing-a-specific-number-of-items","title":{"rendered":"Filtering and Showing A Specific Number Of Items"},"content":{"rendered":"<p>Here we want to show 14 landscape photos on the gallery. What we will do is grab 30 photos, then apply the orientation filtering and assume we get enough landscape photos. We then use CSS to just show the first 14.<\/p>\n<p>slickr-flickr id=&#8221;21087204@N06&#8243; search=&#8221;sets&#8221; set=&#8221;72157665852000946&#8243; items=&#8221;30&#8243; bottom=&#8221;10&#8243; orientation=&#8221;landscape&#8221; restrict=&#8221;orientation&#8221; type=&#8221;gallery&#8221;  options=&#8221;lightbox:true;thumbnail:lazy&#8221; class=&#8221;showfirst14&#8243;<\/p>\n<p>Error fetching Flickr photos: Retrieved unsupported status code \"404\"<\/p>\n<h2>Example CSS<\/h2>\n<p>Add the following CSS custom class to your style.css or Custom CSS file<\/p>\n<p><code><br \/>\n.showfirst14 .slickr-flickr-gallery li:nth-child(n+15) { display: none;}<br \/>\n<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here we want to show 14 landscape photos on the gallery. What we will do is grab 30 photos, then apply the orientation filtering and assume we get enough landscape photos. We then use CSS to just show the first 14. slickr-flickr id=&#8221;21087204@N06&#8243; search=&#8221;sets&#8221; set=&#8221;72157665852000946&#8243; items=&#8221;30&#8243; bottom=&#8221;10&#8243; orientation=&#8221;landscape&#8221; restrict=&#8221;orientation&#8221; type=&#8221;gallery&#8221; options=&#8221;lightbox:true;thumbnail:lazy&#8221; class=&#8221;showfirst14&#8243; Example CSS Add [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"show14","_genesis_layout":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-785","post","type-post","status-publish","format-standard","category-examples","entry","show14"],"_links":{"self":[{"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/posts\/785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/comments?post=785"}],"version-history":[{"count":0,"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/posts\/785\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/media?parent=785"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/categories?post=785"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/tags?post=785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}