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 4 years, 6 months ago by simmonet.
-
AuthorPosts
-
March 17, 2020 at 12:07 am #14800simmonetSpectator
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 #80386adminKeymasterThat 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 #80387simmonetSpectatorvintagevirginiaphotos.com/vintage-virginia-photo-galleries/historic-virginia-beach-photos/
Thank you
April 22, 2020 at 11:59 pm #80388adminKeymasterUse 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:
April 23, 2020 at 12:10 am #80389simmonetSpectatorAwesome! 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 #80390simmonetSpectatorMore 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 #80391adminKeymasterThe Template 9 is responsive. The photo details page is also responsive. Which template are you using?
April 30, 2020 at 3:09 am #80392simmonetSpectatorUsing #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 #80393simmonetSpectatorJust 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
-
AuthorPosts
- You must be logged in to reply to this topic.