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

Custom Log in /Sign up Button v1

Display a custom Sign up/ Log In button

  1. Shelley
    [​IMG] signup-log-in.png

    Summary: This will display a custom signup/log in button in the sidebar area.

    Install: Upload the image to your /icons folder and then paste the following in the EXTRA.CSS template.

    Additonal: I would suggest doing this via the Style Properties >> Buttons but for the guide purposes I did it for EXTRA.

    #SignupButton {
        background: url("@imagePath/xenforo/icons/signup_button.png") no-repeat scroll center bottom transparent;
        border-radius: none;
        width: 210px;
        height: 73px;
        box-shadow: none !important;
        border: none;
        margin: 0 auto; }
    #SignupButton:hover {
        opacity: 0.4;
      -moz-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s; }
    div.section #SignupButton .inner {
        background: none transparent;
        font-size: 16pt;
        padding-top: 18px; }
    Additional Additional Note:
    Additional Note: For those that don't like the !important on the box-shadow simply remove the following line in the code in EXTRA.css

      box-shadow: none !important;
    Then go to Style Properties >> Buttons >> Sign up Now Button Container and remove the following line as shown in the screenshot (Below)


    Additional coloured buttons will be added at BBSmiley.com in the release thread http://www.bbsmiley.com/threads/custom-signup-now-button.284/#post-2377

Recent Updates

  1. Add Icon inside custom button

Recent Reviews

  1. JMPRockFm
    Version: v1
    Thanks for this!
  2. erich37
    Version: v1
    I love it !!!
    Thanks a lot for your great help!
  3. Gopala Subramanium
    Gopala Subramanium
    Version: v1
    Lovely :)