最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

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

programmeradmin5浏览0评论

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.

发布评论

评论列表(0)

  1. 暂无评论