{"id":173,"date":"2011-07-21T14:14:40","date_gmt":"2011-07-21T14:14:40","guid":{"rendered":"http:\/\/www.slickrflickr.com\/upgrade\/?p=173"},"modified":"2011-07-23T01:51:38","modified_gmt":"2011-07-23T01:51:38","slug":"specify-thumbnail-highlight-color-in-a-flickr-gallery","status":"publish","type":"post","link":"https:\/\/www.slickrflickr.com\/upgrade\/specify-thumbnail-highlight-color-in-a-flickr-gallery","title":{"rendered":"Specify Thumbnail Highlight Color in a Flickr Gallery"},"content":{"rendered":"<p>With Slickr Flickr Pro you can change the border color that appears when the cursor is moved over a thumbnail without having to change CSS.<\/p>\n<p>This allows you to easily change the border highlight color to reflect the color of your WordPress theme.<\/p>\n<p>The following examples show that the border color can be set on each individual gallery<\/p>\n<h3>First Gallery With Default Border Mouseover Color<\/h3>\n<p><code>slickr-flickr tag=\"avoriaz\" items=\"7\" type=\"gallery\" <\/code><\/p>\n<p>Move the cursor over the thumbnails below and note the highlight color is reddish-brown<\/p>\n<div id=\"flickr_avoriaz_2871\"><div class=\"slickr-flickr-gallery sf-lightbox\"><ul><li class=\"active\"><a href=\"https:\/\/live.staticflickr.com\/4040\/4353063467_0404275176.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/4040\/4353063467_0404275176_s.jpg\"   title=\"Avoriaz Chairlift\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/4067\/4353063181_8bd7b7ab98.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/4067\/4353063181_8bd7b7ab98_s.jpg\"   title=\"Chocolate Dessert\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/2689\/4353062867_9da1edc98d.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/2689\/4353062867_9da1edc98d_s.jpg\"   title=\"Banana Split\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/2748\/4353062223_5a58fc07a2.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/2748\/4353062223_5a58fc07a2_s.jpg\"   title=\"Mountain Dessert\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/4030\/4352941879_fce119625c.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/4030\/4352941879_fce119625c_s.jpg\"   title=\"Avoriaz &amp;quot;Chocolate Box&amp;quot; Apartments\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/4040\/4352941635_8b62ca8373.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/4040\/4352941635_8b62ca8373_s.jpg\"   title=\"Al Fresco DIning\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/2769\/4353689352_63d2d3d174.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/2769\/4353689352_63d2d3d174_s.jpg\"   title=\"A pied in Avoriaz Town Centre\" \/><\/a><\/li><\/ul><\/div><div style=\"clear:both\"><\/div><\/div>\n<h3>Second Gallery With A Custom Border Mouseover Color<\/h3>\n<p><code>slickr-flickr tag=\"avoriaz\" items=\"7\" type=\"gallery\" thumbnail_border=\"#D1009C\"<\/code><\/p>\n<p>Move the cursor over the thumbnails below and note the highlight color is the hot pink color that was sampled from the Slickr Flickr logo<\/p>\n<div id=\"flickr_avoriaz_306\"><div class=\"slickr-flickr-gallery sf-lightbox\"><ul><li class=\"active\"><a href=\"https:\/\/live.staticflickr.com\/4040\/4353063467_0404275176.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/4040\/4353063467_0404275176_s.jpg\"   title=\"Avoriaz Chairlift\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/4067\/4353063181_8bd7b7ab98.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/4067\/4353063181_8bd7b7ab98_s.jpg\"   title=\"Chocolate Dessert\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/2689\/4353062867_9da1edc98d.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/2689\/4353062867_9da1edc98d_s.jpg\"   title=\"Banana Split\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/2748\/4353062223_5a58fc07a2.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/2748\/4353062223_5a58fc07a2_s.jpg\"   title=\"Mountain Dessert\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/4030\/4352941879_fce119625c.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/4030\/4352941879_fce119625c_s.jpg\"   title=\"Avoriaz &amp;quot;Chocolate Box&amp;quot; Apartments\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/4040\/4352941635_8b62ca8373.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/4040\/4352941635_8b62ca8373_s.jpg\"   title=\"Al Fresco DIning\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/2769\/4353689352_63d2d3d174.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/2769\/4353689352_63d2d3d174_s.jpg\"   title=\"A pied in Avoriaz Town Centre\" \/><\/a><\/li><\/ul><\/div><div style=\"clear:both\"><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>With Slickr Flickr Pro you can change the border color that appears when the cursor is moved over a thumbnail without having to change CSS. This allows you to easily change the border highlight color to reflect the color of your WordPress theme. The following examples show that the border color can be set on [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","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":"","_genesis_layout":"","footnotes":""},"categories":[3],"tags":[],"class_list":["post-173","post","type-post","status-publish","format-standard","category-features","entry"],"_links":{"self":[{"href":"https:\/\/www.slickrflickr.com\/upgrade\/wp-json\/wp\/v2\/posts\/173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.slickrflickr.com\/upgrade\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.slickrflickr.com\/upgrade\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.slickrflickr.com\/upgrade\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.slickrflickr.com\/upgrade\/wp-json\/wp\/v2\/comments?post=173"}],"version-history":[{"count":0,"href":"https:\/\/www.slickrflickr.com\/upgrade\/wp-json\/wp\/v2\/posts\/173\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.slickrflickr.com\/upgrade\/wp-json\/wp\/v2\/media?parent=173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.slickrflickr.com\/upgrade\/wp-json\/wp\/v2\/categories?post=173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.slickrflickr.com\/upgrade\/wp-json\/wp\/v2\/tags?post=173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}