Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

Photo Seller – how to center gallery thumbnails on gallery page

by

Tips and Tricks HQ Support Portal › Forums › WP Photo Seller › Photo Seller – how to center gallery thumbnails on gallery page

  • This topic has 10 replies, 3 voices, and was last updated 8 years ago by rick_od.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 29, 2017 at 4:18 pm #14207
    rick_od
    Member

    i am currently in the design and test phase and i would love to be able to center the gallery thumbnails. i am currently testing two galleries and they are left justified or floated left. i would love for them to be in the center and expand left and right as i add more galleries.

    also, i am using template5 for my galleries. is there a way to center those thumbnails as well?

    thanks!

    [http://richardodonnellphotography.com/gallery/]

    April 30, 2017 at 12:58 am #75576
    admin
    Keymaster

    The galleries will stack side by side to make a grid (after you have added more galleries). You shouldn’t try to center the gallery thumbnails as it looks odd when you have multiple rows of galleries and one row has less number of items.

    April 30, 2017 at 2:07 am #75577
    rick_od
    Member

    but it looks even worse when i have a few way off to the left. if they were centered, they would fill the first row until that row were filled, then start another row, and so on, no?

    April 30, 2017 at 6:23 pm #75578
    rick_od
    Member

    and…when on a mobile devise, when it renders the galleries in one column, they are off to the left and it just looks unprofessional. ‘good enough never is’ :-)

    any suggestions?

    May 1, 2017 at 10:57 pm #75579
    rick_od
    Member

    i think ive come up with an alternative for the main gallery page, but is there a way to center things on the individual gallery pages? thanks!

    May 2, 2017 at 12:58 am #75580
    Peter
    Member

    I just looked at your individual gallery page (ie, gallery4) and it appeared pretty much perfectly centred.

    Is there another particular page you are referring to? If so please provide link.

    May 2, 2017 at 1:18 am #75581
    rick_od
    Member

    view it on a cell phone. when the images are a single column, they are clearly shifted to the left. it just doesnt look clean to me so i am trying to get things centered up. thanks

    May 2, 2017 at 3:11 am #75582
    Peter
    Member

    You could try the following:

    1) Go and grab the following plugin:

    http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

    2) Then add the following CSS code in the settings of the above plugin:

    #wps-gallery-template-7{
    width: 80%;
    margin: 0 auto;
    }

    May 2, 2017 at 4:36 am #75583
    rick_od
    Member

    that is exactly what i was looking for. i did notice that the thumbnails got a little smaller. is that because of the 80% or is the 80% targeted at the container and thus the thumbnails got smaller?

    thanks!!

    May 3, 2017 at 7:27 am #75584
    Peter
    Member

    Yes since the inner container is slightly smaller due to the centering CSS code, the thumb sizes within that container may have adjusted accordingly too.

    May 3, 2017 at 7:47 pm #75585
    rick_od
    Member

    thank you!

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Registration
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2025 | Tips and Tricks HQ