Contact form: feedback message styling - by andreataylor

This topic has 4 replies, 3 voices, and was last updated 10 years, 4 months ago ago by Eva Kemp

  • Avatar: andreataylor
    andreataylor
    Participant
    August 8, 2015 at 22:33

    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
    August 10, 2015 at 07:40

    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
    August 12, 2015 at 14:45

    Fantastic! Many thanks Jack!

    Avatar: Eva
    Eva Kemp
    Participant
    August 12, 2015 at 19:13

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

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

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

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