Center Photo Gallery
  • Hey guys this may have been answered before, I did a search but couldn't find anything quickly.

    What is the easiest way to center the photo gallery in my content area using css?

    Thanks
  • 2 Comments sorted by
  • This method will work for centering a thumbnail gallery.

    See example and code here: http://d.pr/Gzia

    Let me know if it works for you.
  • I pasted your code into the top of the template page I use for the pages that I want the photo gallery centered:

    <style type="text/css">
                .photoGalleryElement {text-align: center;}
                .photoGalleryElement .thumbTile,
                .photoGalleryElement .thumbHover {float: none; display: inline-block;}
                .photoGalleryElement .thumbTile,
                .photoGalleryElement .thumbHover {*display: inline!important;} * IE7 fix*/
    </style>

    but I'm not seeing any changes. I'm thinking I just need a left margin just to scoot it over like 25 px

    so all I did was change the first line a little

      .photoGalleryElement {text-align: center; margin-left: 50px;}

    and worked great

Howdy, Stranger!

Login with Facebook

In this Discussion

Tagged

Copyright © 2014 LightCMS® Content Management System LightCMS is a product of NetSuite