Edit styling of newsletter sign-up form
Budget: £10 – £20 GBP
We have been provided code to put a newsletter sign-up form onto our website. I have a few edits I would like to get code, these are:
1) Make the 'Subscribe' button appear next to the 'Email' text field with a gap.
2) Remove the 'Email' logo and put this inside the field so it disappears when you click onto the field.
3) When you click subscribe it loads a page with our newsletter provider to say it's been submitted but we want this to open in another window.
Below is the exsiting code:
<div><h1 color="#000"></h1><form class="js-cm-form" id="subForm" action="https://www.createsend.com/t/subscribeerror?description=" method="post" data-id="A61C50BEC994754B1D79C5819EC1255C7EFEA355A317BBD87950DE50C6F54AB70EB020254122AE266741DCAD9EF74901459D13758D3D8EC20A619931EB3C101C"><div><div><label>Email </label><input autocomplete="Email" aria-label="Email" class="js-cm-email-input qa-input-email" id="fieldEmail" maxlength="200" name="cm-ktkuyu-ktkuyu" required="" type="email"></div></div><button type="submit">Subscribe</button></form></div><script type="text/javascript" src="https://js.createsend1.com/javascript/copypastesubscribeformlogic.js"></script>
I have uploaded a screenshot of how the code currently looks on the page without these changes we want.
Finally, on mobile the newsletter is not styled and it comes outside of the content box. We would like this fixed. Please attached further screenshot for this.
1) Make the 'Subscribe' button appear next to the 'Email' text field with a gap.
2) Remove the 'Email' logo and put this inside the field so it disappears when you click onto the field.
3) When you click subscribe it loads a page with our newsletter provider to say it's been submitted but we want this to open in another window.
Below is the exsiting code:
<div><h1 color="#000"></h1><form class="js-cm-form" id="subForm" action="https://www.createsend.com/t/subscribeerror?description=" method="post" data-id="A61C50BEC994754B1D79C5819EC1255C7EFEA355A317BBD87950DE50C6F54AB70EB020254122AE266741DCAD9EF74901459D13758D3D8EC20A619931EB3C101C"><div><div><label>Email </label><input autocomplete="Email" aria-label="Email" class="js-cm-email-input qa-input-email" id="fieldEmail" maxlength="200" name="cm-ktkuyu-ktkuyu" required="" type="email"></div></div><button type="submit">Subscribe</button></form></div><script type="text/javascript" src="https://js.createsend1.com/javascript/copypastesubscribeformlogic.js"></script>
I have uploaded a screenshot of how the code currently looks on the page without these changes we want.
Finally, on mobile the newsletter is not styled and it comes outside of the content box. We would like this fixed. Please attached further screenshot for this.