[Solved] Checkbox terms and condition text bigger

Hi Katrine,

Can you help me to make the text and the check box a little bit bigger for the terms and condition checkbox.

I attach the code you gave me:

In order to add the checkbox (agree with terms and conditions) please follow these steps :

• From your Shopify dashboard, click Online Store > Actions > Edit code.
• Open the file vendor.js
• At the bottom of the file, paste the following code:

 $(document).ready(function() {
$('body').on('click', '[name="checkout"], [name="goto_pp"], [name="goto_gc"]', function() {
if ($('#agree').is(':checked')) {
$(this).submit();
}
else {
alert("You must agree with the terms and conditions of sales to check out.");
return false;
}
});
});

• Click Save
• Now open the file cart-template.liquid and find this code

<div class="cart__submit-controls">

• Add this code just below it

<p style="float: none; text-align: right; clear: both; margin: 10px 0;">
<input style="float:none; vertical-align: middle;" type="checkbox" id="agree" />
<label style="display:inline; float:none" for="agree">
I agree with the <a href="/pages/terms-and-conditions">terms and conditions</a>.
</label>
</p>

• Click Save

   

Replace /pages/terms-and-conditions  with the URL of your terms and conditions page.

Note: You will need to create a terms and conditions page if it doesn't already exist.

Kind regards,
Katrine

Thank you