A Cozmoslabs Product
Documentation / Developer Knowledge Base / Style submit buttons when using Avada theme

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

The Ultimate Membership Bundle

Combine the power of Profile Builder with Paid Member Subscriptions to set up user registration, memberships, and recurring revenue.

Get 25% off with the bundle

Help & Support

We’re here to help you every step of the way.

Open a Support Ticket