Hi all,

I have 2 questions about the display of my galleries that I couldn't find answers for:

1) On my 2 gallery pages (http://www.ryankissickphotography.com/Underwater and http://www.ryankissickphotography.com/Nature), how do I push the first row of
galleries down a few pixels? In other words, I don't want the thumbnails on this page to appear so close to the top of the box above them? Is this possible?

2) Also related to my Underwater and On Land galleries, how would I change my CSS if I wanted to display 4 galleries across instead of 3? What about 2 galleries?

Thanks!
Ryan

For #1 you can add this to your CSS:

#galleriesBox .boxBottom {
padding-top: 20px;
}


For #2, the size of those thumbnails will decrease once you add more galleries. That will put them at 4 across. But at their current size to make them 4 across you need to extend the width of the box containing them. If you add this to your CSS that should do it:

#category {
width: 982px;
}


If you want it at 2 across play with the second number in the margins of this code until you get it where you want it:

.boxBottom .albumLarge {width:192px; height:265px; text-align:center; margin:0 24px;}

Eric,

Thanks for your help. For some reason I can't get #2 to work. More specifically, I am trying to make sure my "On Land" page has 2 or 3 galleries across.

I tried updating the second number in the margins (24) per your instructions below. Just to make sure I was updating the right number, I should change the number "24" to something greater, correct?

Let me know where I'm going wrong and thanks for your help!

Ryan

Originally Posted by Smug Eric For #1 you can add this to your CSS: #galleriesBox .boxBottom { padding-top: 20px; } For #2, the size of those thumbnails will decrease once you add more galleries. That will put them at 4 across. But at their current size to make them 4 across you need to extend the width of the box containing them. If you add this to your CSS that should do it: #category { width: 982px; } If you want it at 2 across play with the second number in the margins of this code until you get it where you want it: .boxBottom .albumLarge {width:192px; height:265px; text-align:center; margin:0 24px;}