Options button position

solonova

How can i modify the "Options" button position?
I cant find the top/lef amounts in style.css.

Thanks.

whu606

In your custom.css file, you can set the following:

.MenuTitle {position: relative; right: 50px}

changing the right value to whatever you need it to be.

When using Firebug, all you usually need to do is to identify the class of the element you want to affect, then add a rule for that in the custom.css file. That will almost always overrule any other inherited rule.

422

When using relative. Try using margin-left.

So position:relative;margin-left:-20px;

for position:absolute;left:-20px;

Perhaps its just me but left and right are always used in absolute positioning conditionals

solonova

In this image can view the option button behind other elements. I preffer move the options button.

http://i43.tinypic.com/15moks1.gif

whu606

Use Firebug in Firefox (or something similar) to identify the element, and change the relevant properties in css.

solonova

Yes whu606 i used, but in the "options" button css properties i cant found a: "position:absolute" with "top and left values"

Here all the style for it:

http://vanillaforums.org/discussion/comment/151077#Comment_151077

whu606

In your custom.css file, you can set the following:

.MenuTitle {position: relative; right: 50px}

changing the right value to whatever you need it to be.

When using Firebug, all you usually need to do is to identify the class of the element you want to affect, then add a rule for that in the custom.css file. That will almost always overrule any other inherited rule.

solonova

Thanks whu606, a big clue.

Works for me this code:

.OptionsMenu { position:relative;left:-20px; ...

422

When using relative. Try using margin-left.

So position:relative;margin-left:-20px;

for position:absolute;left:-20px;

Perhaps its just me but left and right are always used in absolute positioning conditionals