Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Options button position

solonovasolonova New
edited February 2012 in Vanilla 2.0 - 2.8

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

Thanks.

Best Answers

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... MVP
    Answer ✓

    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.

  • 422422 Developer MVP
    Answer ✓

    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

    There was an error rendering this rich post.

Answers

  • solonovasolonova New
    edited February 2012

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

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

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... MVP

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

  • 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

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... MVP
    Answer ✓

    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.

  • Thanks whu606, a big clue.

    Works for me this code:

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

  • 422422 Developer MVP
    Answer ✓

    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

    There was an error rendering this rich post.

Sign In or Register to comment.