Text Color

  • My theme’s text color is set to white because of the dark background. This is causing the text in my form to not show up. If you highlight the box you see the text (https://www.marshlaw1.com/legal-qa-troy-marsh/)

    I have poured over this whole forum and cannot find the answer the my question. I need the color in the form to show up as black. I did find an answer saying you need to overwrite the theme with this (or something similar):

    .wpcf7 .wpcf7-form input, .wpcf7 .wpcf7-form textarea {
    color: #C90000 !important;
    }

    However, I cannot find WHERE to change this and there are so many CSS style sheets, I do not know which one would even have the option to change the color of the text.

    Thanks.

    https://www.ads-software.com/plugins/contact-form-7/

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

  • Try these in your CSS:

    .wpcf7-form-control .wpcf7-textarea
    {
    color: black;
    }

    This is a good trick to figure out what will change elements in your webpage.

    (Using chrome — Should be similar in other browsers)

    1. Right- click your textarea in your form.
    2. Click Inspect Element
    3. You should get this popup (I am using Chrome)

    Image

    4. I found the CSS style Color: in this section and changed it to black.
    Image

    Sorry, I am in a rush, but I hope this helps!

    See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

    There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.

    Thread Starter georgiagirl502

    (@georgiagirl502)

    thenamelessone – WHERE do I put that? I have found 2 different CSS sheets one is under admin and one is under includes. Neither have anywhere to insert that code.

    I tried the ‘Inspect Element’ as well and that didn’t help me find what sheet to edit.

    buzztone – I already read over that. It didn’t help, so that is why I posted.

    I have never modified a theme before, but I am 90% sure you add it here.

    Style.css

    You can find the stylesheet the rule is in with Inspect Element.

    Image

    It shows that this particular element is being using by style.css (ex: where it says padding: 10px 0px 10px 0px – the stylesheet the rule is in is to the right and just above it)

    I hope this helps! (and works)

    @georgiagirl502 – As explained in the article I pointed you to, you should make your changes in a childtheme.

    ??Using either of the files you have found will mean that your changes are lost when you update the CF7 plugin.

    @??thenamelessone – Your suggestion will result in the changes being lost if you update the theme.

    @buzztone – Ah, yes that is correct. As I mentioned previously, I haven’t modified a theme, only writing my own so I was only going off the information I knew.

    Thread Starter georgiagirl502

    (@georgiagirl502)

    Okay, so I tried the child theme and it it changed the site – the mainpage options were not there. It didn’t carry everything over like it was suppose to.

    I’m stuck. At this point have no clue what to do and a client that won’t get off my back.

    Go into your directory using your FTP.

    Find the wordpress folder and go to:

    wordpress/wp-content/themes/(YOUR THEME)

    Find style.css

    Put this into that file

    .wpcf7-form-control .wpcf7-textarea
    {
    color: black;
    }

    I hope this works =|

    You can probably use a custom CSS plugin to avoid modifying your theme CSS files directly.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Text Color’ is closed to new replies.