Hiding breadcrumbs

[jcdill]

I know I found a FAQ for this before but I can't find it now that I need it. :-( I need to hide the breadcrumbs on 4 galleries that I'm using as "about" pages. Example:

h (http://portfolio.jcdill.com/gallery/9685850_SKgCj)ttp://portfolio.jcdill.com/gallery/9685850_SKgCj (http://portfolio.jcdill.com/gallery/9685850_SKgCj)

Thanks!

[jfriend]

For that particular gallery, it would be this:

.gallery_9685850 #breadCrumbTrail {display:none;}

You can make the style button disappear by locking the display style you want in the customize gallery screen.

[jcdill]

For that particular gallery, it would be this:

.gallery_9685850 #breadCrumbTrail {display:none;}

You can make the style button disappear by locking the display style you want in the customize gallery screen.

Cool!

So I have this:

.gallery_9683132 .nophotos {display: none;}
.gallery_9685850 .nophotos {display: none;}
.gallery_9685857 .nophotos {display: none;}
.gallery_9685567 .nophotos {display: none;}
.gallery_9685492 .nophotos {display: none;}

.gallery_9683132 #breadCrumbTrail {display:none;}
.gallery_9685850 #breadCrumbTrail {display:none;}
.gallery_9685857 #breadCrumbTrail {display:none;}
.gallery_9685567 #breadCrumbTrail {display:none;}
.gallery_9685492 #breadCrumbTrail {display:none;}

Can I or should I combine these into one line for each gallery, or is this the correct way to do things?

[jfriend]

Can I or should I combine these into one line for each gallery, or is this the correct way to do things? Either way works fine. If I have a bunch of things that all have the same rule, I tend to do it like this:


/* hide "no photos" text for empty galleries */
.gallery_9683132 .nophotos {display: none;}
.gallery_9685850 .nophotos,
.gallery_9685857 .nophotos,
.gallery_9685567 .nophotos,
.gallery_9685492 .nophotos {display: none;}

/* hide breadcrumb in non-photo galleries */
.gallery_9683132 #breadCrumbTrail,
.gallery_9685850 #breadCrumbTrail,
.gallery_9685857 #breadCrumbTrail,
.gallery_9685567 #breadCrumbTrail,
.gallery_9685492 #breadCrumbTrail {display:none;}

[jcdill]

Either way works fine. If I have a bunch of things that all have the same rule, I tend to do it like this:


/* hide "no photos" text for empty galleries */
.gallery_9683132 .nophotos {display: none;}
.gallery_9685850 .nophotos,
.gallery_9685857 .nophotos,
.gallery_9685567 .nophotos,
.gallery_9685492 .nophotos {display: none;}

/* hide breadcrumb in non-photo galleries */
.gallery_9683132 #breadCrumbTrail,
.gallery_9685850 #breadCrumbTrail,
.gallery_9685857 #breadCrumbTrail,
.gallery_9685567 #breadCrumbTrail,
.gallery_9685492 #breadCrumbTrail {display:none;}

Thanks!
That's very helpful for developing a better understanding of CSS rules. Just one more question, you have a different "first line" format for each of these sections - is the first one a typo - the line could end with nophotos, and omit the {display: none;} part?

[jfriend]

Thanks!
That's very helpful for developing a better understanding of CSS rules. Just one more question, you have a different "first line" format for each of these sections - is the first one a typo - the line could end with nophotos, and omit the {display: none;} part?
Yeah, I meant it to be:

/* hide "no photos" text for empty galleries */
.gallery_9683132 .nophotos,
.gallery_9685850 .nophotos,
.gallery_9685857 .nophotos,
.gallery_9685567 .nophotos,
.gallery_9685492 .nophotos {display: none;}

/* hide breadcrumb in non-photo galleries */
.gallery_9683132 #breadCrumbTrail,
.gallery_9685850 #breadCrumbTrail,
.gallery_9685857 #breadCrumbTrail,
.gallery_9685567 #breadCrumbTrail,
.gallery_9685492 #breadCrumbTrail {display:none;}