Light backgrounds and the user menus

[rutt]

I set my backgrounds to "light". When I leave a gallery's style as "User Controlled", the pull down menu that shows up has colors that look great with a dark background, but ugly against a light background. Can I control this somehow?

[{JT}]

The box has a class assigned to it called "menubox." You can tweak the background color in you css section. Sadly - someone hard coded the blue color for the words "style" so changing that will not be so easy.

[rutt]

I saw the menubox class, but I guess I don't exactly know how to use it.

I put this in my css section:

menubox { backgound-color: #FFFFFF;}

I also tried:

.menubox { backgound-color: #FFFFFF;}

But neither changed the color of the background of this box. What am I doing wrong?

[{JT}]

Look carefully at the way you spelled background :) I just fixed it on your site, looks good.

.menubox { backgound-color: #FFFFFF;}

[rutt]

Look carefully at the way you spelled background :) I just fixed it on your site, looks good.

Thanks! Spelling never was my strongest suit.

Since you fixed this, you probably can see why I want control over the position of this thing.

[{JT}]

Eventually you will get total control over where it resides :)

Thanks! Spelling never was my strongest suit.

Since you fixed this, you probably can see why I want control over the position of this thing.

[Mike Lane]

Eventually you will get total control over where it resides :)
Any idea when :D

[{JT}]

We are waiting on several things right now - but can't give any specific date :)

Any idea when :D

[devbobo]

Thanks! Spelling never was my strongest suit.

Since you fixed this, you probably can see why I want control over the position of this thing. Rutt,

Depending on exactly where you want to locate this box, you should be able to use the position (absolute or relative) CSS attribute along with the left and top CSS attributes.

If you use absolute positioning, the top and left CSS attribute values are referenced from the top left of the window.

If you use relative positioning, the top and left CSS attribute values are referenced from the elements current position.

Check out this url (http://introversion.smugmug.com/gallery/389624), i have moved the box to the left hand side of the screen by using...

.menubox { position: relative; left: -600px;}

Hope this helps.

Cheers,

David

[{JT}]

While that may work - remember, that is a class and not an ID. So there may be (off the top of my head, there should not be) other menuboxes that will be affected.

[devbobo]

While that may work - remember, that is a class and not an ID. So there may be (off the top of my head, there should not be) other menuboxes that will be affected.
yeah that's true, but it also depends on what type of html element the other definitions are contained in. If it's not a table like in this case, you can potentially used

table.menubox { position: relative; left: -600px;}

David