/
Adding instructional text to the checkout

Adding instructional text to the checkout

So let's first take a look at the basic HTML.

Bad HTML Code
<p><b>TEST EXTRA TEXT IN VIEW CART SCREEN</b></p>

Let's look below at the rendering to see why this is a problem.  Notice that the left is off to the left.

The solution to this is to start a new Foundation div row and then a div column.  Let's take a look at how to do it the correct way.

Good HTML Code
<div class="row">
  <div class="columns small-16">
    <p><b>TEST EXTRA TEXT IN VIEW CART SCREEN</b></p>
  </div>
</div>

Now the text properly lines up.

Related content

Adding custom content to the checkout such as trust logos or testimonials
Adding custom content to the checkout such as trust logos or testimonials
More like this
Adding text to the checkout when a specific item is being purchased
Adding text to the checkout when a specific item is being purchased
More like this
Mr Teas - Adding TrustLogos and text to the footer
Mr Teas - Adding TrustLogos and text to the footer
More like this
Sample Product Page with Heavy Comments - Developer Example
Sample Product Page with Heavy Comments - Developer Example
More like this
Checkout Text
More like this
Changing Checkout Text
Changing Checkout Text
More like this