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.

• Share:
• Facebook
• Twitter
• Linkedin