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

11.01.2014

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

Просто добавить в свой файл скриптов этот код:

  $(".wpcf7-form-control-wrap").mouseover(hideAlert);

  function hideAlert(){
    var $obj = $("span.wpcf7-not-valid-tip",this);
    $obj.css('display','none');
  }

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

form span.wpcf7-not-valid-tip{
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 100;
  background: #fff;
  border: 1px solid #ff0000;
  font-size: 12px;
  padding: 2px 5px;
}

Полезная инфа:

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