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.
-
AuthorPosts
-
April 29, 2017 at 4:18 pm #14207
rick_od
Memberi 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 #75576admin
KeymasterThe 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 #75577rick_od
Memberbut 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 #75578rick_od
Memberand…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 #75579rick_od
Memberi 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 #75580Peter
MemberI 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 #75581rick_od
Memberview 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 #75582Peter
MemberYou 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 #75583rick_od
Memberthat 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 #75584Peter
MemberYes 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 #75585rick_od
Memberthank you!
-
AuthorPosts
- You must be logged in to reply to this topic.