Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 26, 2020 at 9:53 pm #1188275
    Hidealoo

    Contact-Form-7 has 3 submission states based colours which are Green, Yellow, Orange and Red, which has a DIV status message.
    Enfold overrides the CSS for the message DIV.

    .main_color div { border-color: #1f1f1f; }

    Is there any way that the original CSS for this styling be re-initialised?

    Thank you.

    Contact Form 7 Error Messages

    February 27, 2020 at 8:19 pm #1188603
    Victoria

    Hey Webmaster,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    

#top #wrap_all div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #ff0000;
}

#top #wrap_all  div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

#top #wrap_all  div.wpcf7-mail-sent-ng,
#top #wrap_all  div.wpcf7-aborted {
	border: 2px solid #ff0000;
}

#top #wrap_all div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

#top #wrap_all div.wpcf7-validation-errors,
#top #wrap_all div.wpcf7-acceptance-missing {
	border: 2px solid #f7e700;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.