Customizing the Gallery Header

[sjnoel]

Hi all,

New to SM, but I have a little experience with CSS. Not an expert, but not a newbie either.

I made a custom header that is applied to a category, but I really don't want the header applied to the category. I would like to make custom headers by gallery. I browsed/searched through the forum and seemed to find references that I COULD do this, but I can't seem to find what class or ID I need to set to make that happen.

Here's my page where the header shows up.
http://sjnoel.smugmug.com/gallery/2708250#143509907

I have the custom header attached to the ART category, but I truly want it attached only to one gallery (the one gallery on this page.) If that's not possible, I suppose I could make a subcategory and attach the header to that.

If I missed something obvious, point me to the thread or tutorial that I'm missing.

I may be overly ambitious here, but my plan is to customize this gallery to look like my website. Other galleries will use the different templates from SM.

Thanks for you help.

[Allen]

Hi all,

New to SM, but I have a little experience with CSS. Not an expert, but not a newbie either.

I made a custom header that is applied to a category, but I really don't want the header applied to the category. I would like to make custom headers by gallery. I browsed/searched through the forum and seemed to find references that I COULD do this, but I can't seem to find what class or ID I need to set to make that happen.

Here's my page where the header shows up.
http://sjnoel.smugmug.com/gallery/2708250#143509907

I have the custom header attached to the ART category, but I truly want it attached only to one gallery (the one gallery on this page.) If that's not possible, I suppose I could make a subcategory and attach the header to that.

If I missed something obvious, point me to the thread or tutorial that I'm missing.

I may be overly ambitious here, but my plan is to customize this gallery to look like my website. Other galleries will use the different templates from SM.

Thanks for you help.

See this tutor (http://dgrin.smugmug.com/gallery/1932865).

[sjnoel]

See this tutor (http://dgrin.smugmug.com/gallery/1932865).

Thanks Allen, but I was in that tutorial when I got stuck. It says I can change per gallery, but all of the examples are for categories. (I was able to change per category)

This is the example on the tutorial:

.category_Travel #my_banner {
background: url(http://nickname.smugmug.com/photos/87654321-O.gif) no-repeat;

Do I use this?

.gallery_galleryname #my_banner {
background: url(http://nickname.smugmug.com/photos/87654321-O.gif) no-repeat;

That's what I really need to know...what do I use in the CSS to change a gallery.

Am I just missing it in the tutorial?

Thanks

[Allen]

Thanks Allen, but I was in that tutorial when I got stuck. It says I can change per gallery, but all of the examples are for categories. (I was able to change per category)

This is the example on the tutorial:

.category_Travel #my_banner {
background: url(http://nickname.smugmug.com/photos/87654321-O.gif) no-repeat;

Do I use this?

.gallery_galleryname #my_banner {
background: url(http://nickname.smugmug.com/photos/87654321-O.gif) no-repeat;

That's what I really need to know...what do I use in the CSS to change a gallery.

Am I just missing it in the tutorial?

Thanks
Use the gallery number like this.

.gallery_123456 #my_banner {
background: url(http://nickname.smugmug.com/photos/87654321-O.gif) no-repeat;

Find gallery number in link like this.
http://nickname.smugmug.com/gallery/123456#1234566

[sjnoel]

Use the gallery number like this.

.gallery_123456 #my_banner {
background: url(http://nickname.smugmug.com/photos/87654321-O.gif) no-repeat;

Find gallery number in link like this.
http://nickname.smugmug.com/gallery/123456#1234566 (http://nickname.smugmug.com/gallery/123456#1234566)


THANKS! That's what I needed to know! I can't wait to try it.