Padding between Gallery Description and Thumbnails?

pmbpro

Hi everyone,

Does anyone know if it's possible to add some padding/space between a gallery's description and the actual thumbnails?

I have the code for adding space between the breadcrumbs and description, but not below the description. The only thing I could think of to accomplish this was to add two <br> tags below the text, but I was hoping I wouldn't have to do this for every gallery.

Here's an example page to illustrate, where the description is too close to the thumbnails for my liking:
http://www.pmbimages.com/Galleries/People/Candids/Norman-Reedus

Is this possible to add padding with a CSS code? Can someone help?

Thanks. :-)

Allen

pmbpro wrote: »

Hi everyone,

Does anyone know if it's possible to add some padding/space between a gallery's description and the actual thumbnails?

I have the code for adding space between the breadcrumbs and description, but not below the description. The only thing I could think of to accomplish this was to add two <br> tags below the text, but I was hoping I wouldn't have to do this for every gallery.

Here's an example page to illustrate, where the description is too close to the thumbnails for my liking:
http://www.pmbimages.com/Galleries/People/Candids/Norman-Reedus

Is this possible to add padding with a CSS code? Can someone help?

Thanks. :-)

Might try this in "all galleries" CSS.

.sm-gallery-header-has-description {margin-bottom: 20px;}

RKnecht

Put a CSS box in your "All Galleries" and add this:

.sm-gallery-header .sm-gallery-description {
margin: 0px 275px 25px 30px;
}

Change the values to suit your taste. I am using a 25px space between the gallery description and thumbs.

pmbpro

Allen wrote: »

Might try this in "all galleries" CSS.

.sm-gallery-header-has-description {margin-bottom: 20px;}

YAY! It worked. I'm using 30px for my padding.
Thank you so much Allen and RKnecht!! I really appreciate your help and quick responses.

W.W. Webster

RKnecht wrote: »

Put a CSS box in your "All Galleries" and add this:
.sm-gallery-header .sm-gallery-description {
margin: 0px 275px 25px 30px;
}

Thanks for this, but can you tell me how can I make it apply only to SmugMug-style galleries?

Allen

I'm guessing Smugmug has decided that adding the gallery style to the page body class was too much trouble.

W.W. Webster

Allen wrote: »

I'm guessing Smugmug has decided that adding the gallery style to the page body class was too much trouble.

Meaning, this cannot be done?

Allen

W.W. Webster wrote: »

Meaning, this cannot be done?

Maybe someone else can find a way to specify a gallery style but I saw nothing in the page source for this.

dallasw

Allen wrote: »

I'm guessing Smugmug has decided that adding the gallery style to the page body class was too much trouble.

There are classes to target each gallery style, just not on the body.

SmugMug: sm-gallery-smugmug
Thumbnail: sm-gallery-thumbnail
Collage Landscape: sm-gallery-roworganic
Collage Portrait: sm-gallery-columnorganic
Journal: sm-gallery-journal
Slideshow: sm-gallery-slideshow

W.W. Webster wrote: »

Thanks for this, but can you tell me how can I make it apply only to SmugMug-style galleries?

Using the above CSS class, the change can be applied to just SmugMug style galleries like so:

.sm-gallery-smugmug .sm-gallery-header-has-description {
 	margin-bottom: 30px; 
}

Allen

dallasw wrote: »

There are classes to target each gallery style, just not on the body.
...

So it looks like body classes focus on the page types like the homepage, pages, folders and galleries.
Then embedded down in them is the style. The problem I'm having is parent/child relationships, and not
being able to flow down things like a banner/logo added to a folder also applying to its children.

W.W. Webster

dallasw wrote: »

Using the above CSS class, the change can be applied to just SmugMug style galleries like so

Thanks Dallas. Now I've successfully aligned my SmugMug gallery descriptions without upsetting those in my my two Landscape Montage galleries. Excellent!