CODEWITHSUNDEEP
htmlcsswordpress
DrDavid
DrDavid

Reputation: 964

Dynamically size photos instead of wrapping down

This page: http://blueboxluxe.com/weddings-events/ has three photos on it. What I'd like to have happen is that as the browser gets sized down smaller (to fit iPhone/iPad), those photos should shrink before they jump to the next line.

I have it working correctly on other pages (like: http://blueboxluxe.com/services/ ), but, that's a slightly different layout.

Anyways, three photos should just get smaller (along with the title overlay and green box) until the page is 768px wide (iPad), then they should jump to one per line (as it does now).

Hope this is all clear! :)

Upvotes: 0

Views: 41

Answers (1)

Chris
Chris

Reputation: 26888

After some experimentation with your CSS, it appears that doing the following should be sufficient. First, in custom.css, line 732 (the .page-id-13 .ngg-thumbnail img rule), add in width: 100%;. Now in nggallery.css, inside html>body .ngg-album (line 31), add max-width: 100%;. This should fix your issue (works for me).

I hope that helped you in any manner!

Upvotes: 1

Related Questions