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

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

  • Options
    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.

  • Options
    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

  • Options
    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

  • Options
    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.

  • Options

    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

  • Options
    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.

  • Options

    Thanks whu606, a big clue.

    Works for me this code:

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

  • Options
    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.