Btukfyl

Using Wordpress woocommerce theme.Result leaves a empty space if form field is left blank.I Don't want to print blank lines when input data fields of a form are empty.So if QC and QO in form are left blank it prints blank space in output form.Check image

      $res .= '<li class="acc-t"><span id="si"><u>QA:</u></span>';

  if( ! empty( $feild1 ) )

  $res .= '<span id="hh" ><div class="acc-cont">'.$feild1.'</div></span>';

  $res .= '</li>';

  if( ! empty( $feild2 ) )

  $res .= '<li class="acc-t"><span id="si"><u>QC:</u></span>';

  $res .= '<span id="hh" ><div class="acc-cont">'.$feild2.'</div></span>';

  $res .= '</li>';

  if( ! empty( $feild3 ) )

  $res .= '<li class="acc-t"><span id="si"><u>QO:</u></span>';

  $res .= '<span id="hh" ><div class="acc-cont">'.$feild3.'</div></span>';

  $res .= '</li>';

  if( ! empty( $feild4 ) )

  $res .= '<li class="acc-t"><span id="si"><u>QP:</u></span>';

  $res .= '<span id="hh" ><div class="acc-cont">'.$feild4.'</div></span>';

  $res .= '</li>';



  #where feild xxx=get_post_meta($post->ID,'_input_feild xxx', TRUE );

and

is it better to delete meta value from post if left blank as DB can be
full of blank meta data.Should we delete meta_value with empty or null
value.will it effect anything.

Try this code

  $res .= '<li class="acc-t"><span id="si"><u>QA:</u></span>';

  if( ! empty( stripslashes($feild1) ) )

  $res .= '<span id="hh" ><div class="acc-cont">'.$feild1.'</div></span>';

  $res .= '</li>';

  if( ! empty( stripslashes($feild2) ) )

  $res .= '<li class="acc-t"><span id="si"><u>QC:</u></span>';

  $res .= '<span id="hh" ><div class="acc-cont">'.$feild2.'</div></span>';

  $res .= '</li>';

  if( ! empty( stripslashes($feild3) ) )

  $res .= '<li class="acc-t"><span id="si"><u>QO:</u></span>';

  $res .= '<span id="hh" ><div class="acc-cont">'.$feild3.'</div></span>';

  $res .= '</li>';

  if( ! empty( stripslashes($feild4) ) )

  $res .= '<li class="acc-t"><span id="si"><u>QP:</u></span>';

  $res .= '<span id="hh" ><div class="acc-cont">'.$feild4.'</div></span>';

  $res .= '</li>';

Try this css

.acc-t ul{

    margin-bottom:0px !important;

    margin-top:0px !important;

}

You can use this as well. Give it a try if this works...

  $res .= '<li class="acc-t"><span id="si"><u>QA:</u></span>';

  if( ! empty( $feild1 ) && strlen($feild1) > 0  )

  $res .= '<span id="hh" ><div class="acc-cont">'.$feild1.'</div></span>';

  $res .= '</li>';

  if( ! empty( $feild2 ) && strlen($feild2) > 0 )

  $res .= '<li class="acc-t"><span id="si"><u>QC:</u></span>';

  $res .= '<span id="hh" ><div class="acc-cont">'.$feild2.'</div></span>';

  $res .= '</li>';

  if( ! empty( $feild3 ) && strlen($feild3) > 0 )

  $res .= '<li class="acc-t"><span id="si"><u>QO:</u></span>';

  $res .= '<span id="hh" ><div class="acc-cont">'.$feild3.'</div></span>';

  $res .= '</li>';

  if( ! empty( $feild4 ) && strlen($feild4) > 0)

  $res .= '<li class="acc-t"><span id="si"><u>QP:</u></span>';

  $res .= '<span id="hh" ><div class="acc-cont">'.$feild4.'</div></span>';

  $res .= '</li>';