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 .galleria-container,
.custom .post-474 .galleria-thumbnails .galleria-image{ background-color : transparent; }
.custom .post-474 .galleria-thumbnails .galleria-image { height: 80px; width: 120px; }
.custom .post-474 .galleria-thumbnails-container { height: 90px; }
.custom .post-474 .galleria-stage { bottom: 100px; }
.custom .post-474 .galleria-info-text { background-color: whitesmoke; opacity: 0.5; }
The galleria command is:
slickr-flickr id="46039700@N02" size="m640" search="sets" set="72157629305049549" type="galleria" sort="title" galleria_options="debug:false;carousel:false;" flickr_link="on"
And it looks like this:
Applying A Customized Galleria Theme On All Pages
If you wanted to apply the style to all gallerias in the main content section of pages and posts
and you are using a more standard WordPress theme, then the following code should be added to the style.css file:
#content .galleria-container, #content .galleria-thumbnails .galleria-image { background-color : transparent; }
#content .galleria-thumbnails .galleria-image { height: 80px; width: 120px; }
#content .galleria-thumbnails-container { height: 90px; }
#content .galleria-stage { bottom: 100px; }
#content .galleria-info-text { background-color: whitesmoke; opacity: 0.5; }
In the next release I will make this customized galleria theme available
Leave a Reply