Registration Form Styling

Hello @hemithehomie,

Can you send me a link to a page from your website where a styled button is being shown ? I can send you a CSS snippet to correct this.

Regards.

I’m using this demo of the avada theme.

https://avada.theme-fusion.com/creative/

Please let me know how to proceeds with the CSS code you’ll be sharing.

Thanks!

Hello @hemithehomie,

It seems that this theme doesn’t provide a general styling for the input[type=”submit”] button, they have rules for their own buttons and some very popular plugins.

Here’s a snippet of CSS that will add the default styling (green one, I took the styling from the default theme):

#pms_login input[type="submit"],
.pms-form input[type="submit"] {
    font-family: "PT Sans";
    font-weight: 400;
    letter-spacing: 0px;
    padding: 13px 29px;
    line-height: 17px;
    font-size: 14px;
    background: #a0ce4e;
    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;
}

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

Add this by going to Dashboard -> Appearance -> Customize -> Custom CSS.

Regards.

• This reply was modified 6 years ago by Georgian Cocora.
• This reply was modified 6 years ago by Georgian Cocora.