Style submit buttons when using Avada theme

Avada is a very popular WordPress theme, but they do not offer styling over the input[type=”submit”] css selector directly.

Here’s some sample CSS code that you can add to your website in order to style the submit button of our forms like the other buttons from your theme. The code is using the standard theme with the green button as a reference, you might need to change the color:

.pms-form input[type="submit"] {
    font-family: "PT Sans";
    font-weight: 400;
    letter-spacing: 0px;
    padding: 13px 29px;
    line-height: 17px;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    transition: all .2s;
    border-width: 0px;
    border-style: solid;
    border-color: #ffffff;
    border-radius: 2px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-border-radius: 2px;
    cursor: pointer;
    background: #a0ce4e;
}

.pms-form input[type="submit"]:hover {
    background: #96c346;
}

This CSS code can be added if you go to your Dashboard -> Appearance -> Customize -> Custom CSS.

Paid Member Subscriptions Pro

Accept (recurring) payments, create subscription plans and restrict content on your website. Easily setup a WordPress membership site using Paid Member Subscriptions.

Get Paid Member Subscriptions