Custom Log in /Sign up Button

Unmaintained Custom Log in /Sign up Button v1

No permission to download

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 in the release thread
First release
Last update
5.00 star(s) 3 ratings

Latest updates

  1. Add Icon inside custom button

    Summary of Update: This additional enhancement will allow for an icon to display beside the text...

Latest reviews

Thanks for this!
I love it !!!
Thanks a lot for your great help!
Lovely :)