Can't change font color in comments area

  • Author
    Posts
  • #2652

    SP Sa
    Participant

    Hello,

    Where I can change the color of the comments in the CSS File?
    My problem is that the text color looks like the background color…

    #2654

    Andrew Misplon
    Keymaster

    Hi SP Sa

    Thanks for reaching out. Please, keep in mind that all WordPress themes completely overwrite their own folder during theme updates. Don’t make any edits via Appearance > Editor as they’ll be lost on theme update. Use a plugin like: https://wordpress.org/plugins/so-css/.

    With your Custom CSS plugin activated, go to Appearance > Custom CSS and insert:

    /* Form Fields */
    
    input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="password"], input[type="search"], select[multiple], textarea {
        background: #f6f6f7;
        border: 1px solid #eaeaeb;
        color: #acaeaf;
    }
    
    input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
        background: #fff;
        color: #5a5d60;
        outline-style: none;
    }

    Edit the color values as required. The second set are for the focus state, applicable when the user clicks in the form field.

    Hope that helps 🙂

    #2655

    SP Sa
    Participant

    Ahhhh^^
    Thank you for the quick answer.
    I knew that I did something Wrong 😀
    I changed the whole CSS data for my Website. Good to Know that there is a Plugin for it. Think that it would save a lot of time 😀

    Thx for the support

    #2656

    Andrew Misplon
    Keymaster

    For sure 🙂

    Would you like help recovering from this situation? If so:

    1. Download this program: https://sourcegear.com/diffmerge/
    2. Go to Appearance > Editor, copy the contents of style.css and paste into a text file. Name the text file and save on your desktop.
    3. Locate the original CSS file. It depends on the theme version you’re using. If it’s 1.0.2 this is the original: https://themes.svn.wordpress.org/ultra/1.0.2/style.css. You can browse the versions here if necessary.
    4. Create another text file with the contents of the original style.css file in it.

    Hopefully, you see where I’m heading with all this. You should now have two text files, one is the original style.css file the other your modified style.css file. Drop them into DiffMerge and carefully copy each rule that you’ve edited and insert the rule into Appearance > Custom CSS. Once complete, you’ll have made your CSS modifications update safe.

    We could also setup a child theme. In that case your CSS modifications would be moved to the style.css file in the child theme. You can download a starter child theme for Ultra here if you want to go that route.

    Let me know how you come along. I’ll be back online tomorrow. Cheers.

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

You must be logged in to reply to this topic.

Scroll to top