Reply To: Buttons

[Roberto Enrique]

Easy, create custom classes for your custom buttons 🙂
If you want exactly the same Look as the buttons you see on this site you can add this to your css:

/*FOR THE TRANSPARENT BUTTONS*/

.button.transparent {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 5px;
    outline: 0 none;
}

.button.transparent:active, .button.transparent:hover {
    background-color: #fff;
    color: #222;
}

/*GREEN BUTTONS*/

.button.green {
    background-color: #5ea337;
    border: 2px solid transparent;
    border-radius: 5px;
    color: #fff;
}
.button.green:active, .button.green:hover{
    background-color: #70b44a;
    color: #fff;
}

Then you just create your buttons adding the classes to your links like:

<a class="button transparent" href="#">I'm Transparent</a>
or
<a class="button green" href="#">I'm Greeen!</a>

That should do the trick 🙂