Albums alignment issue

pixvault

The elongated issue also happens on safari on pc as well I have raised this and they are looking into the issue.

As for the centre you could do the follow to css to get it to work though this would mean text is also centre

Add text-align to this tag

<div id="foogallery-album-49">
text-align: center;

Add display line to ul class

<ul class="foogaller-alubm-gallery-list">
display:inline;

Finally add display to li line

<li>
display: inline-block;

Thanks locka, but I’ve already tried that & it didn’t work.

It’s a shame that such an excellent plugin is spoiled by this simple issue of not being able to align the albums in the centre, unlike the galleries.

Pixvault,

thats strange as I worked when I tried it last night using chrome and there development option to play around with my site. I’ve just added those again and it worked fine.

Here is a link to work in progress this is the page I changed

ALP

These are the points I changed with the above entries

<div id="foogallery-album-49">
	<ul class="foogallery-album-gallery-list">
					<li>

I’ve just checked your site Adrian & the Albums are showing as left aligned in Chrome

this will do as said I’ve only tried amending on the fly using the developer tools in chrome.

However If I was to change this in css it would still work but permanently

This works Adrian without targeting a specific album ??

.foogallery-album-gallery-list > li {
display: inline-block;
}

Hi @pixvault,

I have added a setting to the default album template so you can choose the album alignment – it works in the same way that gallery alignment works.

You can test it out if you download the latest dev build : https://github.com/fooplugins/foogallery/archive/develop.zip

Let me know if that is what you were after.

@locka, thanks for your input and support

Hey guys,

I have the same problem:
https://www.cologne-capetown.com/photos/

I installed the dev build, but the center option doesn’t seem to work…
I also tried pixvaults css code, which does put the albums in the center, but still they keep lining up only above each other.

I’d like to have the albums align centered, next to each other, and only when one row is full, the next album should appear below the first row.
Just like the galleries do.

Would be really grateful for any help!
Thanks, Dominik

Hi Dominik

In the album template did you choose Responsive Album Layout & not All-In-One-Stack?

Yeah I did choose responsive album layout!

@colognecapetown, I had a look at your page.

You have 2 albums on that page. Why?
Have a single album on the page with both galleries rather

Hi Brad

I have 4 albums & two galleries on the same page on a clients site, link below. They still look appalling using an Android device, but fine on pc/mac

Link

These two albums are just for testing. When everything is ready there will be like 20 albums…
But maybe I didnt really understand the sense of gallery and album?!?!
What I need is this:
I have 20 countries. For each country I’d like to have 1 thumbnail with the name of the country on the “photos” page. When the user klicks on a thumbnail of a country the gallery with all the pictures I took in that country should open…

Am I too stupid? ??

THANKS!

@colognecapetown,

In that case, you only need 1 album. That sinlge album has all 20 galleries in it.

@pixvault, are you using the dev branch I linked to above?

Okay thanks I’ll try that… ??