Black Friday Sale! Get up to $40 off GP Premium!Learn more

Reply To: Bootstrap and GP

Home Forums Support Bootstrap and GP Reply To: Bootstrap and GP

#182247
Nat

Hey Tom,

Well, by copying and pasting the HTML and CSS happens this..

http://natguitar.com/index.php/generatepress-test-1/

BTW, I’m using the GP sections here.

The only way to “fix it” is to remove all the HTML comments and <br> tags. Then I have switch to VISUAL and start editing there (i.e. backspace, etc.)

Here’s the CSS of the form.

<section class="optin-form">
<h2 class="title-benefits">Join the <span class="product-name">Free Mindfulness</span> Newsletter</h2>
<p class="cta-p">Join today and receive daily mindfulness strategies to increase CALM and FOCUS to become<span class="focus"> Unstoppable!</span></p>

<div class="row">
<div class="col-md-8 col-md-offset-2"><form class="form-inline" accept-charset="utf-8" action="https://app.getresponse.com/add_subscriber.html" method="post"><!-- Name -->
<div class="form-group form-name"><input class="form-control" name="name" type="text" placeholder="First Name" /></div>
<!-- Email field (required) -->
<div class="form-group form-email"><input class="form-control" name="email" type="text" placeholder="Email Address" /></div>
<!-- Campaign token -->
<!-- Get the token at: https://app.getresponse.com/campaign_list.html -->
<input name="campaign_token" type="hidden" value="token-here" />

<!-- Thank you page (optional) -->
<input name="thankyou_url" type="hidden" value="http://natagosta.com/blog/confirmation/" />
<!-- Add subscriber to the follow-up sequence with a specified day (optional) -->
<input name="start_day" type="hidden" value="0" />
<!-- Forward form data to your page (optional) -->
<input name="forward_data" type="hidden" value="" />
<!-- Subscriber button -->
<button class="btn btn-default" type="submit">SIGN UP TODAY!</button>

</form></div>
</div>
</section>