WP Photoseller – Template 5 layout

[samcmoore]

Hello, Really love the new template in the latest version, but just wondering if its possible to centralise the template layout so when there are photos with different dimensions uploaded, it doesnt look out of proportion with the whitespace on the right.

for example…

[http://www.sussexscenes.co.uk/photogallery/south-downs/]

I have tried editing the CSS using

margin-left:auto;

margin-right:auto;

To no success at the moment

Any thoughts on this would be great

Thank you

Sam

[Peter]

Currently there is no easy way to centre everything because of the way each item is individually constructed, ie, for this template we are using a fixed height for each item but the width varies proportionally according to the photo’s dimensions.

For what you require, we would have to do it the other way around, fixed width and varying height. This way either side of the block of images will be aligned straight and then we could easily centre the whole bunch of thumbnails on the page.

We will look into creating another template in a future release which caters for what you are asking for.

In my opinion I think your page looks pretty nice the way it is now anyway

[samcmoore]

Hello Peter,

Thank you for your reply, as it stands the actual functionality of the plugin is brilliant, so its not a huge issue, but in the future if you were to think about creating another template which allows for a varying height and fixed width then this would be fantastic, and even also if this can work with responsive websites so the width is always 100% of the browser size, but the height can adjust accordingly to this. I think it would also make the layout look tidier if viewed on a tablet or mobile phone.

Keep up the great work anyway

Kind Regards

Sam

[JohnReed303]

I, too have been trying to “center align” the template 5 galleries. I have not been able to find anything that works to override the float: left;. Is there a setting that will make the gallery auto align with space left over on the left and right of each line of photos?

Also, on the photo details page, the photos are left justified as well. Is there a way to center justify the photo so it rests in the center (left and right) of the viewing area?

Here is a link to a gallery

[http://johnreedphotography.com/home/nature-wildlife/]

And here is a link to a photo details page

[http://johnreedphotography.com/photogallery/photo_details/?gallery_id=3&image_id=223]

Thank you,

John

[Peter]

Hi John,

Is there a setting that will make the gallery auto align with space left over on the left and right of each line of photos?

I don’t quite understand your question.

I took a look at the page with thumbnails and I can’t see any alignment issue.

Perhaps you can give us a visual example of what you are trying to achieve?

on the photo details page, the photos are left justified as well. Is there a way to center justify the photo so it rests in the center (left and right) of the viewing area?

Try doing the following tweak by using instructions below:

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-image-details{

margin-left: auto;

margin-right: auto;

max-width: 650px;

}

[Author]

Posts