{"id":474,"date":"2012-07-17T08:27:36","date_gmt":"2012-07-17T08:27:36","guid":{"rendered":"http:\/\/www.diywebmastery.com\/slickrflickrpro\/?p=474"},"modified":"2012-07-20T10:43:44","modified_gmt":"2012-07-20T10:43:44","slug":"classic-galleria-without-carousel","status":"publish","type":"post","link":"https:\/\/www.slickrflickr.com\/members\/474\/classic-galleria-without-carousel","title":{"rendered":"Classic Galleria Without Carousel And Larger Thumbnails"},"content":{"rendered":"<p>In this post I have only a few photos so do not need a carousel. I also wanted the thumbnails beneath the photo to be larger and also to remove the overpowering default black background<\/p>\n<p>I added the following CSS to the Thesis custom.css to change the galleria style just for this post<\/p>\n<p><code><br \/>\n.custom .post-474 .galleria-container,<br \/>\n.custom .post-474 .galleria-thumbnails .galleria-image{ background-color : transparent; }<br \/>\n.custom .post-474 .galleria-thumbnails .galleria-image {  height: 80px; width: 120px; }<br \/>\n.custom .post-474 .galleria-thumbnails-container { height: 90px; }<br \/>\n.custom .post-474 .galleria-stage { bottom: 100px; }<br \/>\n.custom .post-474 .galleria-info-text { background-color: whitesmoke; opacity: 0.5; }<br \/>\n<\/code><\/p>\n<p>The galleria command is:<\/p>\n<p><code>slickr-flickr id=\"46039700@N02\" size=\"m640\" search=\"sets\" set=\"72157629305049549\" type=\"galleria\" sort=\"title\" galleria_options=\"debug:false;carousel:false;\" flickr_link=\"on\"<\/code><\/p>\n<p>And it looks like this:<\/p>\n<div id=\"flickr_72157629305049549_9589\"><div class=\"slickr-flickr-galleria landscape m640  classic\"><div style=\"clear:both\"><\/div><\/div><div style=\"clear:both\"><\/div><\/div>\n<h2>Applying A Customized Galleria Theme On All Pages<\/h2>\n<p>If you wanted to apply the style to all gallerias in the main content section of pages and posts<br \/>\nand you are using a more standard WordPress theme, then the following code should be added to the style.css file:<\/p>\n<p><code><br \/>\n#content .galleria-container, #content .galleria-thumbnails .galleria-image { background-color : transparent; }<br \/>\n#content .galleria-thumbnails .galleria-image {  height: 80px; width: 120px; }<br \/>\n#content .galleria-thumbnails-container { height: 90px; }<br \/>\n#content .galleria-stage { bottom: 100px; }<br \/>\n#content .galleria-info-text { background-color: whitesmoke; opacity: 0.5; }<br \/>\n<\/code><\/p>\n<p>In the next release I will make this customized galleria theme available<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this post I have only a few photos so do not need a carousel. I also wanted the thumbnails beneath the photo to be larger and also to remove the overpowering default black background I added the following CSS to the Thesis custom.css to change the galleria style just for this post .custom .post-474 [&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":"","_genesis_layout":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-474","post","type-post","status-publish","format-standard","category-examples","entry"],"_links":{"self":[{"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/posts\/474","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=474"}],"version-history":[{"count":0,"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/posts\/474\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/media?parent=474"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/categories?post=474"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/tags?post=474"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}