Border and text colour help

  • Resolved alkemy007

    (@alkemy007)


    3 years, 10 months ago

    I’m looking to change the text colour and the surrounding border of the “Thank you for your message. We’ll be in touch shortly.” message that appears when someone fills out the contact form on my website. I’ve managed to find codes for everything else but can’t find these particular codes. Any help appreciated.

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

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

  • ciao @alkemy007, you need to change the div appearance in this way:

    .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{
    from this:
    border-color: #fc0;
    to this:
    border: 0;
    background: #fc0; // for any other color
    }

    and the color of the text
    .wpcf7 .wpcf7-response-output { color: #fff; }

    in addition you may want round borders:
    .wpcf7 form .wpcf7-response-output {border-radius: 5px}

    usually i place also an icon, it’s quite easy to archive, you need to use a pseudo element like :before

    Thread Starter alkemy007

    (@alkemy007)

    Thank you very much, that sorted my issue.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Border and text colour help’ is closed to new replies.