Help with Contact Form 7 Text & Field Styling

  • This theme uses Elementor. Theme is “Carrecover” by RocketThemes

    I have a problem that you can easily test with the link. When entering text in the Contact fields, the field reverses. But, entered text is also reversed, or white and is not legible. Very awkward when entering text. Can someone help with styling on this? I’ve been in the style sheet on this theme, and as a “Style Sheet 101” type user, I can’t identify anything that makes sense to edit. Don’t want to mess up the style sheet.

    Any help, or direction appreciated.

    Here’s how provide theme form works. Would like that. https://www.templatemonster.com/wordpress-themes/car-recover-car-repair-responsive-wordpress-theme-68322.html

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello @kdi61

    Add the following CSS:

    .wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not([type="checkbox"]):not([type="radio"]) {
    background-color: rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
}
    Thread Starter kdi61

    (@kdi61)

    Hello Jainil. The question is, where do I add it? There are almost 10,000 lines of code on the style sheet.

    I looked at this again and I think I discovered something. There is this section of code I found “input[type=’color’], and I changed “ffffff” to “000000” as you can see. I tried this, and it worked. Would you concur?

    input[type=’color’]:focus,
    select:focus,
    textarea:focus {
    outline: 0;
    background-color: #000000; }

    Hello @kdi61

    You need to add CSS in the stylesheet(style.css) file of your theme.

    The CSS mentioned by you will change the background color of text, select,textarea field throughout the site. So if you have a white background on your any other forms then it will have fields with black background over it.

    Hi,

    I am having a problem that my input fields are taking the background color when I set it to white (#FFFFFF). I tried setting the css to both background and background-color but it doesn’t help. Other colors seems to work fine although I think the background color still affects the chosen color. Also tried setting opacity is set to 1.

    Any other ideas or anybody who had the same problem before?

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Help with Contact Form 7 Text & Field Styling’ is closed to new replies.