containers - Embed code for check-in form produces unwanted lower margin - Stack Overflow

I'm a newb, sorry. To chase down the formatting misbehavior I RBM within the unwanted gap, Inspect

I'm a newb, sorry. To chase down the formatting misbehavior I RBM within the unwanted gap, Inspect highlighted this line of code:

<div class="form-group string optional lead_first_name"><label class="string    optional" for="lead_first_name">First name</label><input class="string optional  form-control" maxlength="255" placeholder="First Name" size="255" type="text" name="lead[first_name]" id="lead_first_name"></div>

I'm advised by Hostinger's AI that the following code is a blunt tool for nuking the lower margin:

<style> 
/* Reduce vertical spacing inside the long form */ 
.get-started form .form-group {
 margin-bottom: 8px; /* Reduce as needed */ } 

/* Optionally remove top/bottom margin from the form entirely */ .get-started     form { 
margin-top: 0; 
margin-bottom: 0; 
} 
</style>

Seeing as the code showing up with Inspect differs from what embed code (provided by Repairshopr) I pasted into the container, I'm unclear where in the HTML and what all lines of code I'm to replace:

<div class='row mts'>
  <div class='col-md-6'>
    <div class='widget-content' style='min-height: 0px !important;'>
      <h3>Start a New Service Ticket</h3>
      <p>We just need a couple things to get started:</p>
      <div class='get-started'>
        <form class="simple_form new_lead" id="new_lead" autocomplete="off"     novalidate="novalidate" action="/    ticket_info" accept-charset="UTF-8" method="get">
          <div class='row'>
            <div class='col-lg-6'>
              <div class="form-group string optional lead_first_name"><label class="string optional" for="lead_first_name">First name</label><input class="string optional form-control" maxlength="255" placeholder="First Name" size="255" type="text" name="lead[first_name]" id="lead_first_name" /></div>
            </div>
            <div class='col-lg-6'>
              <div class="form-group string optional lead_last_name"><label class="string optional" for="lead_last_name">Last name</label><input class="string optional form-control" maxlength="255" placeholder="Last Name" size="255" type="text" name="lead[last_name]" id="lead_last_name" /></div>

Thanks so much.

So far, as you can see from above, I changed the original "410px" value to "0px", then added "!important", but nada. I've not gone beyond that, queried the AI, which sent me in circles. You humans rock.

发布者:admin,转转请注明出处:http://www.yc00.com/questions/1744275618a4566314.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信