how to increase space (padding) around main photo and thumbnails

[wellseen]

Hi,

I'm thrilled with the new stretching layout, but I still want more space around the main image (it's too close to the navigation and text) and to make the space around thumbs consistent (there's a bit less space on the top, making it look crammed in)

Is there an easy way to adjust these in pixels or percentages? Thanks for your help!!

[denisegoldberg]

It's next to impossible to answer questions like this one without a link to your site. I suppose I could go wandering through all of your previous posts to see if I can find your URL, but I'm not going to do that.

Please add your site link to your signature here in dgrin so that it is always available to the helpers here. If you don't want it there, then you must remember to include it in each post where you are asking for help.

--- Denise

[wellseen]

http://wellseen.smugmug.com/gallery/1946028_WbHGx#98719566_ekYag

But it's not really specific to my site... all the gallery pages I've seen leave very little room around the main image, and the thumbs....

Thanks for responding Denise, I actually found your response to a similar question, which helped me to put space on the edges of the whole page, and that's what i'd like to do between thumbs and the main image, and especially above them. Thanks so much!

It's next to impossible to answer questions like this one without a link to your site. I suppose I could go wandering through all of your previous posts to see if I can find your URL, but I'm not going to do that.

Please add your site link to your signature here in dgrin so that it is always available to the helpers here. If you don't want it there, then you must remember to include it in each post where you are asking for help.

--- Denise

[denisegoldberg]

...But it's not really specific to my site... all the gallery pages I've seen leave very little room around the main image, and the thumbs....
This will give you some more room at the top - but I've only checked it on smugmug-style pages, so I don't know if it will cause problems on galleries in other styles. Play with the number to get the look you are after.
#photos {
margin-top: 25px !important;
}Or you can use this code to make it specific to smugmug-style galleries:
#smugmug #photos {
margin-top: 25px !important;
}
In fact, I think I like that enough to try it on my site too. Thanks for asking the question!
--- Denise

[wellseen]

thanks so much! Now might there be a way to get rid of those pesky dividing lines just below the main image and just to the right of the thumbs? I'm just trying to clean it up so nothing distracts from the main photo...

also, do you know how to change the text that says "Page x of x" from green to something else?
and, what about changing the spacing between thumbs, or fixing their size?

thanks again!!!


This will give you some more room at the top - but I've only checked it on smugmug-style pages, so I don't know if it will cause problems on galleries in other styles. Play with the number to get the look you are after.
#photos {
margin-top: 25px !important;
}Or you can use this code to make it specific to smugmug-style galleries:
#smugmug #photos {
margin-top: 25px !important;
}
In fact, I think I like that enough to try it on my site too. Thanks for asking the question!
--- Denise

[R.Leonardo]

How might I add another 5px below the image border/thumbnails?

I just added a 5 px border to thumbnails and now the captions need to be bumped down.:dunno
see here for specifics http://robart.smugmug.com/gallery/8473371_akXYH

[R.Leonardo]

*bump*

[jfriend]

How might I add another 5px below the image border/thumbnails?

I just added a 5 px border to thumbnails and now the captions need to be bumped down.:dunno
see here for specifics http://robart.smugmug.com/gallery/8473371_akXYH You can try this CSS:

#photos .photo .caption {margin-top:15px;}

[R.Leonardo]

Damn, your helpful! :thumb


Thank you.