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

Aligning to the Center of page | Galleries Layout & Gallery Layout

by

Tips and Tricks HQ Support Portal › Forums › WP Photo Seller › Aligning to the Center of page | Galleries Layout & Gallery Layout

Tagged: Aligned, center, centering galleries

  • This topic has 8 replies, 2 voices, and was last updated 5 years, 1 month ago by simmonet.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 17, 2020 at 12:07 am #14800
    simmonet
    Spectator

    I would love to have the 3 galleries I have align to the center of the page under the page title, and would also love to have the thumbnails of the gallery also aligned to the center of the page – responsive to the page width so they would be single column on mobile and also look great on desktop.

    I went through every forum post that mentions the custom CSS solution and tried it using the custom css plugin… using a Photocrati theme which may be over riding or something… even given the ‘entry content’ ordering.

    Help! I see this is definitely a hot topic and request, would be great to definitively resolve this with either some higher level (in code) CSS or other methodology far beyond my expertise…

    Just bought the plugin and it’s great, this would make it perfect!

    Cheers

    March 17, 2020 at 12:42 am #80386
    admin
    Keymaster

    That should be doable using a CSS tweak. Please post the URL of your gallery page so I can inspect it in my browser.

    April 22, 2020 at 4:18 pm #80387
    simmonet
    Spectator

    vintagevirginiaphotos.com/vintage-virginia-photo-galleries/historic-virginia-beach-photos/

    Thank you

    April 22, 2020 at 11:59 pm #80388
    admin
    Keymaster

    Use the following CSS tweak in your site to make those gallery items center on the page.

    #gallerybuy {

    max-width: 775px !important;

    margin-right: auto;

    margin-left: auto;

    }

    You can insert the CSS tweaks in the following interface of your site:

    Appearance -> Customize -> Additional CSS

    Also, there are a few other templates available for the gallery. Try them to see if there is another one that you like better:

    http://photography-solutions.tipsandtricks-hq.com/photo-seller-plugin-available-photo-gallery-templates/

    April 23, 2020 at 12:10 am #80389
    simmonet
    Spectator

    Awesome! Thank you…

    I’ll explore some of the other options, 10 looks like it might be good, want to make sure there’s watermark as er are the only folks with commercial resell rights

    Cheers

    April 29, 2020 at 2:25 pm #80390
    simmonet
    Spectator

    More questions on the centering of galleries across devices…

    Would be great to have galleries fully responsive and centered…

    Also… photo details page would be great to have everything centered so that the H1 “Photo Details” isn’t the only thing centered on the page…

    Any other CSS magic to make this happen consistently.. especially when we get down to mobile devices, the pricing table should be full width rather than wrap…

    Thank you in advance for any help… cheers

    April 30, 2020 at 2:32 am #80391
    admin
    Keymaster

    The Template 9 is responsive. The photo details page is also responsive. Which template are you using?

    April 30, 2020 at 3:09 am #80392
    simmonet
    Spectator

    Using #1 because want the ‘add to cart’ button

    On photo details page the pricing tables doesn’t scale to mobile page width, and everything except the title is aligned left

    April 30, 2020 at 11:51 pm #80393
    simmonet
    Spectator

    Just to follow up: the pricing table wraps so it’s difficult for users to use… would be great to scale on smaller screens to 90% width…

    There’s lots of choices of galleries, but the ‘add to cart’ seems the most logical for users, though I’m experimenting… would be good to have that gallery always centered on mobile devices (right now it’s aligned left), or have the option of controlling alignment in preferences. Maybe more options on thumbnail size too!

    Really appreciate the plugin and your support….

    Cheers

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 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