What did I do to hide the tools?

[davidzvi]

Something in my CSS is making to so that I cannot see the tools while logged in.

Help, current css:
/***** Remove feeds *****/
#feeds { display:none; }

/* turn off the cart link on the minifooter */
.cartlink_footer { display: none; }

#altViews {visibility: hidden;}
.loggedIn #breadcrumb {visibility: visible;}


/***** cleanup about page *****/
#caption310637386{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 400;
}
.gallery_4211218 #albumNav_top {display: none;}
.gallery_4211218 #albumNav_bottom {display: none;}
.gallery_4211218 #breadcrumb {display: none;}
.gallery_4211218 #my_footer{top: 0px;}
/***** end cleanup about page *****/


/***** Navigation Bar *****/
#navcontainer {
margin-bottom: 20px;
position: relative;
margin: 0 auto;
width: 750px;
left: 80px;
top: -25px;
}

#navcontainer ul {
margin: 0;
padding: 2;
list-style-type: none;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
}

#navcontainer ul li {display:inline;}
#navcontainer ul li a {
text-decoration: none;
padding: .1em 1em;
color: #00184E;
}

#navcontainer ul li a:hover {
border-width: medium;
border-top-style: solid;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-color: #00184E;
}

#my_header{
position: relative;
height: 71px;
width: 389px;
margin: 0 auto;
left: -280px;
background: none;
}

#my_footer{
position: relative;
margin: 0 auto;
background: none;
color: #00184E;
font-size: 12px;
font-weight: 400;
top: -25px;
}

#albumNav_bottom {display: none;}
#userName {display: none;}
#userHome {display: none;}
#body {opacity: 1;}
#bioBox .photo {display: none;}
#userBio {text-align: center;}
#bioText {display: none;}
/***** end home page and nav bar setup *****/

/***** dup homepage for seperate portfolio page *****/
.galleries #categoriesBox {display:block !important;}

.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {display: none;}

.galleries #bioBox {display: none;}

.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {display: none;}

.loggedIn .homepage #galleriesBox,
.loggedIn .homepage #categoriesBox {display: block;}

.homepage #albumNav_top {display: none;}
.homepage #albumNav_bottom {display: none;}
.homepage #breadcrumb {display: none;}

.loggedIn #breadcrumb {display: block;}

/***** end dup homepage for seperate portfolio page *****/


/***** square thumbs *****/
#bulkzoom_toolbox {
background-color: #666666;
border: 2px white solid;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
position: absolute;
left: 25px;
top: 170px;
z-index: 10;
}

.smugmug #bulkzoom_toolbox {
left: 0px;
top: 0px;
}
/***** square thumbs end *****/


/***** Portfolio Page ******/
.portfolio #breadcrumb {display: none;}
.gallery_5577410 #albumDescription {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-align: center;
}

.gallery_5577410 #albumDescription a {
text-decoration: none;
}

.gallery_5577410 #albumDescription a:hover {
color: 00184E;
}

.gallery_5577410 #albumNav_top {display: none;}
.gallery_5577410 #albumNav_bottom {display: none;}
.gallery_5577410 .nophotos h3,
.gallery_5577410 #breadcrumb {display: none;}
/***** Portfolio Page ******/


/* Change default image border color */

.imgBorder {
border-color: #99ABBC;
}

.box {
background-color: #00184E;
}

.boxTop {display: none;}

a:hover img.imgBorder,
.imgBorderOn {
border-color: #00184E;
}

a:link {
color:#00184E;
font-weight: bold;
}

[jfriend]

Replace this CSS:

#altViews {visibility: hidden;}
.loggedIn #breadcrumb {visibility: visible;}

with this CSS:

.notLoggedIn #breadCrumbTrail {display:none;}
#slideshowButton {display:none;}

The Tools button is in the #altViews object and you've hidden that object. The new CSS hides only the slideshow button and the breadCrumbTrail (when not logged in) so the Tools button can still be visible.

[davidzvi]

Replace this CSS:

#altViews {visibility: hidden;}
.loggedIn #breadcrumb {visibility: visible;}

with this CSS:

.notLoggedIn #breadCrumbTrail {display:none;}
#slideshowButton {display:none;}

The Tools button is in the #altViews object and you've hidden that object. The new CSS hides only the slideshow button and the breadCrumbTrail (when not logged in) so the Tools button can still be visible.

I'd prefer to not have the slideshow button. Or to put it another way.

When logged I want to see it all. When not logged in I only want the trail visible.

[jfriend]

I'd prefer to not have the slideshow button. Or to put it another way.

When logged I want to see it all. When not logged in I only want the trail visible. OK. If I understand correctly, all you're asking for is to hide the slideshow button when not logged in. You can do that with this:

.notLoggedIn #slideshowButton {display:none;}

[davidzvi]

OK. If I understand correctly, all you're asking for is to hide the slideshow button when not logged in. You can do that with this:

.notLoggedIn #slideshowButton {display:none;}

That's it. Thanks for the help.

I'll add one related question, I'm going to have a lot more but the topics / areas will better for others looking for help if they are separate threads.

When I go to my site and go into the "client area" the breadCrumbTrail is in a separate block from the sub / categories. But when I get down to the actual gallery level there is no separate block. I'd like it to be consistent one why or the other. Can I?

Since a picture is worth 1000's words:
http://blueberryphoto.smugmug.com/photos/507627167_G9z6S-O.jpg

[jfriend]

That's it. Thanks for the help.

I'll add one related question, I'm going to have a lot more but the topics / areas will better for others looking for help if they are separate threads.

When I go to my site and go into the "client area" the breadCrumbTrail is in a separate block from the sub / categories. But when I get down to the actual gallery level there is no separate block. I'd like it to be consistent one why or the other. Can I?

Since a picture is worth 1000's words:
http://blueberryphoto.smugmug.com/photos/507627167_G9z6S-O.jpg I never would have followed your words with the picture. It was worth 1000 words. I made a copy of the CSS that controls the breadcrumb area for the categories and assigned it to the galleryPage. That is this CSS:

.galleryPage #breadcrumb {
background-color:#FDFDFD;
background-image:url(http://www.blueberryphoto.com/img/themes/FreshAir/buttonBackground.gif);
background-position:center top;
background-repeat:repeat-x;
border:2px outset #FDFDFD;
padding-left:9px;
padding-right:9px;
margin-bottom: 10px !important;
}

And a gallery then looked like this:

http://content.screencast.com/users/jfriend/folders/Jing/media/a252b178-511c-41b8-a5e7-a49a3dc26f90/2009-04-07_1121.png

Is that what you wanted?

[davidzvi]

I never would have followed your words with the picture. It was worth 1000 words. I made a copy of the CSS that controls the breadcrumb area for the categories and assigned it to the galleryPage. That is this CSS:

.galleryPage #breadcrumb {
background-color:#FDFDFD;
background-image:url(http://www.blueberryphoto.com/img/themes/FreshAir/buttonBackground.gif);
background-position:center top;
background-repeat:repeat-x;
border:2px outset #FDFDFD;
padding-left:9px;
padding-right:9px;
margin-bottom: 10px !important;
}

And a gallery then looked like this:

http://content.screencast.com/users/jfriend/folders/Jing/media/a252b178-511c-41b8-a5e7-a49a3dc26f90/2009-04-07_1121.png

Is that what you wanted?


That is. Now were do I add it as a default for all galleries that I want the breadCrumbTrail to be visible? Just like the consistent look one way or the other. ;-)

[jfriend]

That is. Now were do I add it as a default for all galleries that I want the breadCrumbTrail to be visible? Just like the consistent look one way or the other. ;-)

You have a lot of places in your CSS where you are hiding the breadcrumb. If you just remove those, it will show. Remove this from your CSS:

/* #altViews {visibility: hidden;} */
/* .loggedIn #breadcrumb {visibility: visible;} */

and remove this CSS with illegal, unclosed comments that are messing some of your CSS up:

/* .notLoggedIn #breadCrumbTrail {display:none;}
/* #slideshowButton {display:none;}

and remove this (which is hiding your breadcrumb in your portfolio):

.portfolio #breadcrumb {display: none;}

And, this is hiding it in one gallery:

.gallery_5577410 #breadcrumb {display: none;}

[davidzvi]

You have a lot of places in your CSS where you are hiding the breadcrumb. If you just remove those, it will show. Remove this from your CSS:

/* #altViews {visibility: hidden;} */
/* .loggedIn #breadcrumb {visibility: visible;} */

and remove this CSS with illegal, unclosed comments that are messing some of your CSS up:

/* .notLoggedIn #breadCrumbTrail {display:none;}
/* #slideshowButton {display:none;}

and remove this (which is hiding your breadcrumb in your portfolio):

.portfolio #breadcrumb {display: none;}

And, this is hiding it in one gallery:

.gallery_5577410 #breadcrumb {display: none;}


Ok I guess I should put all this in one. What I am going to be trying to do over the next week.

Home page like I have it as the separate slideshow (probably needs to be updated to the latest version)
Separate Galleries page with text under the gallery (like Andy's and others)
But these galleries will open as slideshows (like Andy's new york minute)
And finally image boarders set to accent color

The problem, as you can see from what I currently have in my CSS is that I have tried several of these over the past year or so and then always have gotten too busy to get them completed. :help

[jfriend]

Ok I guess I should put all this in one. What I am going to be trying to do over the next week.

Home page like I have it as the separate slideshow (probably needs to be updated to the latest version)
Separate Galleries page with text under the gallery (like Andy's and others)
But these galleries will open as slideshows (like Andy's new york minute)
And finally image boarders set to accent color

The problem, as you can see from what I currently have in my CSS is that I have tried several of these over the past year or so and then always have gotten too busy to get them completed. :help What specific thing do you want to work on next? I was trying to answer how you get your breadcrumb back everywhere.

[davidzvi]

What specific thing do you want to work on next? I was trying to answer how you get your breadcrumb back everywhere.

I just wanted to give you an idea of what I was trying to get done and why my CSS is such a mess.

Probably Accent color image and thumb boarders and then the galleries page.

[jfriend]

I just wanted to give you an idea of what I was trying to get done and why my CSS is such a mess.

Probably Accent color image and thumb boarders and then the galleries page. What is "accent color"? What color do you want it?

There are typically two thumb colors, one regular and one to denote the selected thumb. What colors do you want the thumb borders?

[davidzvi]

What is "accent color"? What color do you want it?

There are typically two thumb colors, one regular and one to denote the selected thumb. What colors do you want the thumb borders?

The default non selected color I would like as the same as my underline #00184E. The other color can be #ffffff for now and I can pick the actual color later.

Looking for something like what Andy has or www.brandolinoimaging.com has with the double frame around the thumbs and images in the gallery.