The galleries page (the one that shows all of the site's galleries) is displaying very strangely on my site and I can't figure out how to fix it.

Here is the link: http://japanphilly.org/photos

As you can see, the galleries are all appearing at slightly different heights, which causes the flow of the gallery to behave strangely and creates large gaps on the page which make it look really unprofessional. Is there a way to fix this?

#2

Solutions:
- shorten your gallery titles
or
- add styling to your css: overflow hidden and text wrapping off

Comments

janpan’s picture

janpan CreditAttribution: janpan commented

I see what the problem is here. The title you give the galleries are longer than some and causes the image to be pushed down a bit. The quick solution is to shorten the names. The best solution is probably to style it in the css. You will probably have to make oferflow hidden and turn off text wrapping. Something in that line.

rukayya’s picture

rukayya CreditAttribution: rukayya commented

change the css style

clemens.tolboom’s picture

clemens.tolboom
Primary language Dutch
Location Groningen, 🇳🇱/🇪🇺
CreditAttribution: clemens.tolboom commented
Issue summary: View changes
Status: Active » Closed (works as designed)

As this is a styling issue due to long titles I guess this works as designed.