[ThaiModerator]

Yes. That code is working.

Glad you have sorted it out.

Cheers!

[mlsuffoParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for sending the screenshots. To resolve the required message, Please edit your page in Cornerstone and insert the following custom css code in Settings tab > Custom CSS

.wpcf7 .column-half {
    position: relative;
    overflow: hidden;
}

.wpcf7 .column-half span.wpcf7-not-valid-tip {
    color: red;
    font-size: 12px;
    position: absolute;
    width: 100%;
    left: 52px;
    bottom: 15px;
    z-index: 10;
}

This is how your site would look like:

Please let us know if this works out for you.

[mlsuffoParticipant]

Thank you, that works perfectly to prevent the form from breaking. Ideally I would like this section here – http://prntscr.com/8c3xns -to not display if that is possible.

From inspect element is it <div class="screen-reader-response" role="alert"> but I can’t find a way to make it go away!

Thank you again

Martin

[Paul RModerator]

Hi Martin,

You can add this under Custom > CSS in the Customizer.

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

Hope that helps

[mlsuffoParticipant]

Perfect. Thank you.

[FriechModerator]

You’re welcome, glad we could help.

Cheers!

[Ray201Participant]

you can actually assign fontawesome to the font-family like this:

.your-class-here input {
font-family:"Open Sans", FontAwesome, "Helvetica Neue",Helvetica,sans-serif!important ;

and use the unicode  in the placeholder text and this will be the result

[ThaiModerator]

Thanks for sharing, Ray 🙂

[Author]

Posts