• Home
  • About
  • Help
  • Testimonials
  • How Tos
  • Galleries
  • Slideshows
  • Galleria
  • Plugin News
  • Flickr News

How To Center a Gallery of Thumbnails

January 4, 2011 by Russell 4 Comments

  • Share
  • +1
  • Share
  • Pin It
  • Buffer

The Slickr Flickr Gallery inherits its alignment from its container (the HTML element that contains the “div” with class slickr-flickr-gallery).

If the page is left aligned then so is the gallery; if the page is centered then so is the gallery, if the page is right aligned then so is the gallery.

In this example we want a headline, a paragraph of text and a gallery all centered. I have 10 photos in my gallery so I decided to set the photos_per_row parameter to 5.

Example Code for A Centered Gallery

[code]
<center>
<h3>My Dog Gallery</h3>
<p>Below is a gallery of photographs of my three King Charles Cavalier Spaniels</p>
[ slickr-flickr type="gallery" tag="dogs" photos_per_row="5"]
<p>Rio is a Blenheim, Rocco is a Ruby and Roma is a Tricolour.</p>
</center>
[/code]

The Centered Gallery In Action

My Dog Gallery

Below is a gallery of photographs of my three King Charles Cavalier Spaniels

Rio is a Blenheim, Rocco is a Ruby and Roma is a Tricolour.

Updated by Russell.

Filed Under: Flickr Galleries, Flickr How To Tagged With: customizations, flickr gallery

Comments

  1. Russell says

    April 23, 2012 at 12:33 pm

    Hi Jovanka,

    Slickr Flickr is only for Flickr photos; NextGen deals with images in the media library. I do have plans for later in the year to support a Photo Album page:

    • the page shows a thumbnail for each album
    • Clicking a thumbnail fetches that album and displays it in the lightbox on the same page

    If NextGen is “taking over” Slickr Flickr slideshows then you need to configure NextGen not to load on pages where there are Slickr Flickr galleries/slideshows or to place the slickr flickr galleries in a “div” that you can get NextGen to ignore – or just disable NextGen’s automatic lightboxing feature for all images.

    I will download NextGen and see what lightbox it uses – I will then be able to add an option to Slickr Flickr Admin: “use NextGen lightbox”.

    In the meantime you could try selecting the “Some Other LightBox” as the Slickr Flickr Admin LightBox Option?

  2. Jovanka says

    April 21, 2012 at 1:21 pm

    Hi Russell, it is possible with SF (Pro) to first create an photo album and if you click on the album the different photo’s appear (how, is depended on the gallery type used).

    For the photos in my blog I use Slickr Flickr. For the ‘Fotoboek (Photo album)’ page on my website I have used Next Gen. What happens now is that on that particular page you see an photo album. But if you click on this, a gallery in SF and Next Gen opens.

    Is it possible that I can accomplish the photo album and the slide show just using SF?

    Kindest regards, Jovanka

  3. Russell says

    March 21, 2011 at 10:48 am

    You can specify align=”center” on the slickr-flickr command itself now. This parameter works for galleria and slideshow. See How To align a Flickr Slideshow

    It this does not work that it is most likely your theme’s CSS is overriding some of the settings of the plugin.

    In this case what you would need to do it is add a line of to your theme’s style.css or custom.css to ensure the correct CSS is produced. There are many example of this on this site

  4. Nick says

    March 20, 2011 at 1:12 am

    Hi, i tryed to do this but i can not get my gallery to align to the center, can anyone help?

Leave a Reply

Your email address will not be published. Required fields are marked *

Latest News

Slickr Flickr v2.8 was released on 8th February 2021. This supports WordPress 5.6, PHP 7.4 and has internationalisation support.

Small Slideshow In Widget

Rocco as a Stole

Joined At The Lughole

A Greener Way To See Life Down Under

You Can Almost See The Sea From Here

No Way!

A Girl Can Never Have Too Many Blankets

Does My Head Look Big In This?

Summertime and The Livin' is EZ

Somebody dropped a Sandwich?

Smile And The Whole World Smiles With You

Rocco "Downie" Junior

Slickr Flickr Support

  • Get Support with Slickr Flickr Pro
  • Slickr Flickr Documentation
  • Slickr Flickr FAQ
  • Slickr Flickr Issues
  • Suggest Ideas
  • Flickr API and HTTPS

Gallery In Widget

New To Flickr and are missing photos?

Just a reminder that for new Flickr accounts it takes 3-5 working days after you upload your fifth photo before you photos are made available by Flickr for searches and also to Slickr Flickr.

For more information see the discussion of the new Flickr account rules on the Flickr forum.

Check the status of your Flickr account by logging in to Flickr and then visiting at http://www.flickr.com/account/

Recent Posts

  • Slickr Flickr 2.8 Release
  • Slickr Flickr 2.7 Release
  • Slickr Flickr 2.6 Release
  • Slickr Flickr 2.5 Release
  • Flickr Search By Text

Recent Comments

  • MK on Slickr Flickr 2.8 Release
  • Russell on How To Display a Flickr Photoset?
  • Russell on Where do I find my Flickr ID

Tags

customizations Flickr API flickr gallery flickr photo gallery Flickr RSS flickr slideshow flickr tutorial galleria lightbox missing latest photos Newsfeed Photo Descriptions Photoset plugin conflict Portrait sorting photos tagged phots thumbnail
  • Contact
  • Donate
  • Slickr Flickr v2.7
Copyright © 2009-2025 DIYWebmastery
PO Box 85 · Hatherleigh · Okehampton · Devon · EX20 4WH · UK
  • Share
  • +1
  • Share
  • Pin It
  • Buffer
  • 0