Contact form: feedback message styling - by andreataylor

Solved3 replies3 participantsUpdated by Eva Kemp

  • Avatar: andreataylor
    andreataylor
    Participant

    Hi there,

    We would like to change the styling of the message box that appears when you send a message using the contact form or don’t fill in all the required fields. If an email is sent, the box is green and there is a large tick mark at the start of the message. If the email is not sent, the box is red and there is a large cross. We would like to change the colours to match our colour scheme, and we would prefer not to have the tick mark/cross icons. Any advice much appreciated?

    Best wishes,

    Andrea

    3 Answers

    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    Please add this code in custom.css:

    .success {
      background-color: black !important;
      background-image: none;
    }
    .error {
      background-image: none;
      background-color: black !important;
    }

    Write your color values.

    How to create custom.css you can watch in this tutorial.

    Best regards,
    Jack Richardson.

    Avatar: andreataylor
    andreataylor
    Participant

    Fantastic! Many thanks Jack!

    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

The issue related to '‘Contact form: feedback message styling’' has been successfully resolved, and the topic is now closed for further responses