My Listing – Tool Tip Help Text

[themify_is_logged_in]

.field-head .description{
    display:none;
    width:100%;
}
.tipwrapper{
  display:block;
  width:20%;
  text-align: right;
  /*color: red;*/
}

//Make listing form descriptions into span title attributes so they become jQuery hover tooltips
jQuery(document).ready(function($) {
  // User: Set these variables
  // If leaving a varaible blank, leave the surrounding '' in place. Set at least one of the following 2 varaibles.
  var tiptext = ''; // (Optional) Text to describe the tip.
  var tipimage = '<i class="far fa-question-circle fa-lg"></i>'; // (Optional) Path to image to represent tip
    
  //Build the user variables
  var tiphtml='';
  if (tiptext){
  var tiphtml = tiptext;
  }
  if (tipimage) {
        tiphtml += tipimage;
    }
    
  $(".field-head").each(function() {
  // Get the small element in each field-head and get its text
  var small = $(this).find("small.description")
  var description = small.text();
  
  // create a span element...
  var span = $("<span></span>").addClass("tipwrapper").html(""+tiphtml+"");
  // And set the title.
  span.attr("title", description);
  
  // Replace the small with the new span
  small.replaceWith(span);
});
});

[/themify_is_logged_in]