Contact form 7 color theme

[uform]

Is it possible to change the color theme of the contact form section.
I tried some of the code in the forum but it didn’t work.

For now it look like it is using the accent color but in my case it bright yellow and you cannot see the submit button.

I would like to have the button dark grey like a #333333. The selected box of the contact form appears surrounded in that same yellow too.

Thanks,

[Mohammad – SUPPORT]

Hi,
Please attach mockup screenshot image to get the exact issue.
Thanks
Mohammad

[uform]

Here is a screenshot, see the parts in yellow. There are not visible.
I would like it to be dark grey #333333 instead if possible.

Thanks.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Please use this Custom CSS:

.wpcf7 input.wpcf7-submit[type="submit"] {
    background-color: #333333!important;
}
.wpcf7 input.wpcf7-submit[type="submit"]:hover {
    background-color: #333333!important;
}
.wpcf7 input[type="text"]:focus, 
.wpcf7 textarea:focus {
    border-color: #333333!important;
}

Thanks.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option.

.wpcf7 input.wpcf7-submit[type="submit"] {
    background-color: #333!important;
}

.bypostauthor .comment-wrap .comment-avatar, .search-form input:focus, .wpcf7 input[type="text"]:focus, .wpcf7 textarea:focus {
    border-color: #333!important;
}

Hope it helps.

-Rui

[uform]

Doesn’t do anything. Contact form still the same…

[Rui Guerreiro – SUPPORT]

try to clear the cache. I’m seeing it fine after clearing the cache.

-Rui

[David Martin – Support]

Of course you must add it to Theme Options => Custom CSS. You did not do that.

I have done it for you and it now works.

– David.

[uform]

Ok thank you. I added the code to my Child Theme: style.css but it was not working so I removed it. Is that normal?
Do I have to put all my custom css through that theme option custom CSS box? I thought it was better to activate the child theme and put all the custom css code there?

[Rui Guerreiro – SUPPORT]

You can use that specific option we have. Since it’s stored in the database the updates won’t affect it.
I was seeing the changes when you had it in the child theme.

-Rui

[uform]

Ok thanks.

[Rui Guerreiro – SUPPORT]

No problem.
-Rui