В CF7 версии 3,6 перестало пропадать сообщение о неправильном заполнении полей

11.01.2014

После обновления плагина Contact Form 7 сообщение об ошибке (alert) не пропадает при наведении курсора на саму ошибку. Как это исправить? Как сделать, чтобы при наведении курсора на ошибку, она пропадала?

Просто добавить в <head> этот код:

<script type="text/javascript">
jQuery(document).ready(function($) {
  // clear cf7 error msg on mouseover
  $(".wpcf7-form-control-wrap").mouseover(function(){
    $obj = $("span.wpcf7-not-valid-tip",this);
    $obj.css('display','none');
  });
});
</script>

Также нужно внести изменения в стили для ошибки, потому как в обновленной версии CF7 3.6 в стилях используется не абсолютное позиционирование и из-за этого поля будут смещаться при появлении ошибки. Главный стиль, который нужно добавить — это position:absolute, все остальное на свое усмотрение. На одном из сайтов я использую такие стили:

form span.wpcf7-not-valid-tip{
  position: absolute;
  top: 20%;
  left: 20%;
  z-index: 100;
  background: #fff;
  border: 1px solid #ff0000;
  font-size: 10px;
  width: 280px;
  padding: 2px;
}

Не уходи, пока не прочитаешь:

Оставить комментарий