לייבלים מרחפים בטפסי אלמנטור

PHOTO EMBED

Tue May 18 2021 19:13:49 GMT+0000 (Coordinated Universal Time)

Saved by @Shesek

<script>
jQuery("input , textarea").focus(function(){
  jQuery(this).parents('.elementor-field-group').addClass('focused');
});

jQuery("input , textarea").blur(function(){
  var inputValue = jQuery(this).val();
  if ( inputValue == "" ) {
    jQuery(this).parents('.elementor-field-group').removeClass('focused');  
  }
});
</script>
content_copyCOPY

קרדיט: שמעון סביר CSS להוספה לאלמנט הטופס selector .elementor-field-group:not(.elementor-field-type-select):not(.elementor-field-type-radio) { position: relative; } selector :not(.elementor-field-type-select):not(.elementor-field-type-radio > .elementor-field-label { position: absolute; right: 15px; top: 10px; z-index: 10; transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out; transition: transform 150ms ease-out, font-size 150ms ease-out; transition: transform 150ms ease-out, font-size 150ms ease-out, -webkit-transform 150ms ease-out; } selector .focused .elementor-field-label { background-color: #fff; line-height:1.5; -webkit-transform: translateY(-100%); transform: translateY(-100%); font-size: .90em; } selector .elementor-field-type-textarea .elementor-field-textual{ border-radius: 28px!important; }