1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Button Size: Log in or Sign up

Discussion in 'Troubleshooting and Problems' started by mikoo, Oct 10, 2010.

  1. mikoo

    mikoo Active Member

    How can I change the size (width, height) of the button right at the top? Unfortunately is not resized automatically when a longer phrase in another language is used.

    Many thanks in advance!
  2. mikoo

    mikoo Active Member

    I cannot actually believe that no one has got an idea how to do that...
  3. Russ

    Russ Well-Known Member

    What button are you referring to?

    Helps if I read the full title of the thread :)

    Looks like shelley got a fix for ya
  4. Shelley

    Shelley Well-Known Member

    go into your sidebar.css template and add in width: yoursize; in the following code.

    Edit: This will alter the signup button in the sidebar not the "login or register" handle check the post after this to see what template to go to.

        margin: 10px 30px;
        text-align: center;
        line-height: 30px;
        height: 30px;
        width: 200px;
        background: white;
        border-radius: 8px;
        border: 1px solid @secondaryLight;
        padding: 3px;
        box-shadow: 0px 2px 5px rgba(0,0,0, 0.2);
        display: block;
        cursor: pointer;
    Edit: Are you referring to the other button above it to pull the menu down? I may have mistaken your issue here.
  5. Shelley

    Shelley Well-Known Member

    This will change the "Log in or Sign up" goto the login_bar.css template and adjust the width & height value accordingly.

    find the following code:

    #loginBar #loginBarHandle
        position: absolute;
        right: 0px;
        bottom: -20px;
        text-align: center;
        z-index: 1;
        width: 300px;
        font-size: 11px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        margin-right: 20px;
        line-height: 20px;
        background-color: @primaryDarker;
        color: @primaryLightest;
        box-shadow: 0px 2px 5px @primaryDarker;
        color: @primaryLightest;
    mikoo likes this.
  6. Mike

    Mike XenForo Developer Staff Member

    This is already changed for beta 2, BTW. (The size is dynamic)

Share This Page