Photo Seller – how to center gallery thumbnails on gallery page

[rick_od]

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/]

[admin]

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.

[rick_od]

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?

[rick_od]

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?

[rick_od]

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!

[Peter]

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.

[rick_od]

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

[Peter]

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;

}

[rick_od]

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!!

[Peter]

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.

[rick_od]

thank you!

[Author]

Posts