Text colour changes within CSS - by emmalweb

This topic has 6 replies, 3 voices, and was last updated 3 years, 7 months ago ago by Olga Barlow

  • Avatar: emmalweb
    emmalweb
    Participant
    July 6, 2020 at 09:38

    Hello – hope you are well?

    Please could you assist? I have been trying to change the custom CSS on my site to change the colour of certain input text on the form fields to white so they stand out. The forms that are not completely working are the Mailchimp newsletter form, the contacts form, the woo-commerce checkout and the cart.

    I have added the following custom CSS which changed everything bar the email address, phone number, order notes and ‘Your Message’ fields.

    form input[type=”text”] {
    color: #fff;
    }

    Is there anything you can please recommend that I add to the custom CSS to fix this?

    Best wishes,

    Emma

    5 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 6, 2020 at 17:19

    Hello,

    Try to add the below code to change the placeholder text color

    input::-webkit-input-placeholder,input.form-control::-webkit-input-placeholder {
        color: #fff;
    }
    input:-moz-placeholder,input.form-control:-moz-placeholder {
        color: #fff;
    }
    input::-moz-placeholder,input.form-control::-moz-placeholder {
        color: #fff;
    }
    input:-ms-input-placeholder,input.form-control:-ms-input-placeholder {
        color: #fff;
    }

    Regards

    Avatar: emmalweb
    emmalweb
    Participant
    July 6, 2020 at 20:42

    Hi Olga,

    Thank you for checking – however, this didn’t work, unfortunately. The form fields I mentioned above are still appearing with black or grey text.

    I have tried a cached version and it’s also the same.

    Is there anything else I can try, please?

    Thank you,

    Emma

    Avatar: John Holden
    John Holden
    Support staff
    July 7, 2020 at 06:32

    Hi,

    Please disable minify CSS and clear cache.

    Regards,
    Hung PD

    Avatar: emmalweb
    emmalweb
    Participant
    July 9, 2020 at 11:20

    How do I do this?

    Thanks

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 9, 2020 at 11:32

    Hello,

    Contact your hosting provider to find out how to clear the cache on your site http://prntscr.com/tena6f I don’t see the mentioned code on the page. So either you did not add it correctly or you did not clear the cache to apply changes.
    I don’t have access to your WP Dashboard that’s why I can’t give you any other detailed instructions.

    Regards

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.