Help me make a small change - getting rid of wasted space

[NikonGirl]

I really want to start customizing my website more. Even thought I'm not a pro, I want a more enjoyable viewing experience for my friends and family.

I never seem to find the time! I think I want to start with small changes, then work my way up to something more polished looking.

Anyway, one "small step" I'd like to take is to get rid of some of the wasted space at the top of the page. How can I move the "style" drop down list down so that it's just to the left of the slideshow button?
http://yolanda.smugmug.com/gallery/1975556

Thanks for your help!

[Allen]

I really want to start customizing my website more. Even thought I'm not a pro, I want a more enjoyable viewing experience for my friends and family.

I never seem to find the time! I think I want to start with small changes, then work my way up to something more polished looking.

Anyway, one "small step" I'd like to take is to get rid of some of the wasted space at the top of the page. How can I move the "style" drop down list down so that it's just to the left of the slideshow button?
http://yolanda.smugmug.com/gallery/1975556

Thanks for your help!
Play around with this

.smugmug #stylebar {width: 980px;
margin-top:-25px; _margin-top:-60px;} /* moves stylebar */
#stylebar .title {position:relative; top:-0px; left:0px;} /* moves stylebar title */

Al

[NikonGirl]

Thanks Allen - But I don't know enough to "play around".
:dunno

Can I paste exactly what you posted without making any changes? And if so, where exactly do I paste it? What section on the Customization page?

Thanks again!!

[Allen]

Thanks Allen - But I don't know enough to "play around".
:dunno

Can I paste exactly what you posted without making any changes? And if so, where exactly do I paste it? What section on the Customization page?

Thanks again!! Do you want it on that album only or on all the albums?

It goes in your CSS but without a preview method it would
take sometime to get it placed. That's where the Firefox
browser with the WebDev extension really helps.

Hang on and I'll get it close for that album.
Be back
Al

Edit: This is as close as I can get it.

.smugmug #stylebar {
position:relative;
text-align:left;
top:33px;
left: 600px;
}

Just put at bottom of CSS.
Al

[NikonGirl]

Thanks for your help Allen. I really appreciate your help.

I want this to be applicable to all albums. I did add this to the CSS section and it seemed to work. But it had a strange effect on some of the other galleries, so I removed the code.

Thanks again anyway.

[Mike Lane]

I really want to start customizing my website more. Even thought I'm not a pro, I want a more enjoyable viewing experience for my friends and family.

I never seem to find the time! I think I want to start with small changes, then work my way up to something more polished looking.

Anyway, one "small step" I'd like to take is to get rid of some of the wasted space at the top of the page. How can I move the "style" drop down list down so that it's just to the left of the slideshow button?
http://yolanda.smugmug.com/gallery/1975556

Thanks for your help!Getting it to display to the left of the slideshow button is actually a little more difficult than it is worth. But getting it to sit to the right of the slideshow button is fairly trivial. Just add the following to your CSS:


/* move the style dropdown menu to the right of the slideshow button */
.galleryPage #stylebar {
position:absolute;
width:750px;
left:50%;
margin-left:-375px;
top:77px;
z-index:20
}

.smugmug #stylebar,
.critique #stylebar {
width:960px;
margin-left:-480px;
}

.Large #stylebar,
.Original #stylebar {
width:800px;
margin-left:-400px;
}

.galleryPage #breadcrumb {
padding-right:180px;
}

[Mike Lane]

Do you want it on that album only or on all the albums?

It goes in your CSS but without a preview method it would
take sometime to get it placed. That's where the Firefox
browser with the WebDev extension really helps.

Hang on and I'll get it close for that album.
Be back
Al

Edit: This is as close as I can get it.

.smugmug #stylebar {
position:relative;
text-align:left;
top:33px;
left: 600px;
}

Just put at bottom of CSS.
AlYou're not quite there Al. Does it make sense how I solved this problem? Let me know if you've got any questions.

[NikonGirl]

Mike - thank you very much! That worked exactly how I wanted it. I really had no preference whether it was left or right of slideshow - I just wanted it moved down.

Thank you again for your help.

[NikonGirl]

Help again! The customization I added disabled my breadcrumb links when I view a gallery. They work fine in IE, but not in Firefox. I sent a note to Help (I thought it was a separate issue) and they suggested I change the top and left margins in this section of the customization:

/* move the style dropdown menu to the right of the slideshow button */
.galleryPage #stylebar {
position:absolute;
width:750px;
left:50%;
margin-left:-375px;
top:77px;
z-index:20
}

I've been changing the margin-left anywhere from 525px to 275px, and nothing seems to help.

Any suggestions??

Thanks!!

[Mike Lane]

I should have done it a slightly different way, and that would work on most themes. But there are some issues with carbonite that I'm trying to work around. Stand by.

[Allen]

Help again! The customization I added disabled my breadcrumb links when I view a gallery. They work fine in IE, but not in Firefox. I sent a note to Help (I thought it was a separate issue) and they suggested I change the top and left margins in this section of the customization:

/* move the style dropdown menu to the right of the slideshow button */
.galleryPage #stylebar {
position:absolute;
width:750px;
left:50%;
margin-left:-375px;
top:77px;
z-index:20
}

I've been changing the margin-left anywhere from 525px to 275px, and nothing seems to help.

Any suggestions??

Thanks!!
This moves up a little temporally to get the links back.
top:57px;
Mike might have a better idea.
Al

[Mike Lane]

Well bad news. Because of how the Carbonite theme is done, I'm almost positive that it won't be possible for you to get rid of that space unfortunately. It'd be no problem with other themes (except maybe earth or others that use the extraDiv elements in a similar way as carbonite) but it won't happen with carbonite I don't think.

[Allen]

I was going suggest this placement, but you changed styles on me. haha
/* move the style dropdown menu to the right of the slideshow button */
.galleryPage #stylebar {
position:absolute;
width:750px;
left:50%;
margin-left:-375px;
top:57px;
z-index:20
}

.galleryPage #breadcrumb {
padding-right:0px;
}
AL

[NikonGirl]

Thanks Mike and Allen--
I changed the top margin to 57px as Allen suggested, and the links work fine. Allen, I was testing a few other styles, but decided I wanted to keep Carbonite. There was no need to change the padding.

Thanks again to both of you. This isn't really what I wanted - but sometimes we just have to settle.