Archived topic

Contact Form button colour

5 replies · Started by Lee on February 23, 2021

Viewing posts 1–6 of 6

Hi there,

Could you please tell me how I might change the colour of my contact form buttons?

Many thanks in advance,

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know :)

Of course

The style is coming from the plugin itself so typically you would need to check with the plugin support.

Also make sure that the plugin doesn't offer the option to change the button colors.

If not then you can give this CSS a shot first:

div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background-color: #000;
    border: 1px solid #ff0000;
    color: #fff;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Hey Leo,

I can't see any customisation options within the plugin, and the code doesn't seem to work. Do we have any other options?

Many thanks again.

Hi there,

try this CSS:

div.wpforms-container-full .wpforms-form button[type=submit].wpforms-submit {
    background-color: #000;
    border: 1px solid #ff0000;
    color: #fff;
}
This archived topic is closed to new replies.