2 succes messages

  • Resolved Myra

    (@sitesandsearch)


    9 years, 8 months ago

    Hi,

    The succes messages in green displays correctly below the contact form, but the same message appears (without green block) above the form. See https://prntscr.com/6i868a

    Website: https://www.werkentoekomst.nl/contact/

    I tested it by changes the message in the backend and both changed, so both messages come from CF7.

    This is the div code:
    <div class=”screen-reader-response” role=”alert”>Uw bericht werd succesvol verzonden.</div>

    I tried to display none:
    screen-reader-response {
    display: none;
    }

    Didn’t work, I don’t know if this is correct css?

    Does anyone has suggestions to solve this?
    Regards, Myra

    https://www.ads-software.com/plugins/contact-form-7/

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

  • You might wanna try this css

    .screen-reader-response {
    background-color: #ff4848;
    border: 1px solid gray;
    color: #ffffff;
    margin-bottom: 20px;
    padding: 10px;
}
    Thread Starter Myra

    (@sitesandsearch)

    Thank you, this helped me because now I used this:

    .screen-reader-response {
    display:none;
    }

    and it worked.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘2 succes messages’ is closed to new replies.