Skip to content

Instantly share code, notes, and snippets.

@dpw1
Last active March 3, 2024 21:47
Show Gist options
  • Save dpw1/d9bd78f4e853aab3e3128a46d992186b to your computer and use it in GitHub Desktop.
Save dpw1/d9bd78f4e853aab3e3128a46d992186b to your computer and use it in GitHub Desktop.
Dawn theme - add first name email
<div class="field">
<input
id="NewsletterForm--{{ section.id }}"
type="text"
name="contact[first_name]"
class="field__input"
value=""
autocorrect="off"
autocapitalize="off"
{% if form.errors %}
autofocus
aria-invalid="true"
aria-describedby="Newsletter-error--{{ section.id }}"
{% elsif form.posted_successfully? %}
aria-describedby="Newsletter-success--{{ section.id }}"
{% endif %}
placeholder="First name"
>
<label class="field__label" for="NewsletterForm--{{ section.id }}">First Name</label>
<style>
#contact_form,
#ContactFooter,
#ContactFooter > .newsletter-form__field-wrapper,
#contact_form > .newsletter-form__field-wrapper{
max-width: 500px;
width: 100%;
display: flex;
}
@media (max-width: 749px){
#ContactFooter > .newsletter-form__field-wrapper,
#contact_form > .newsletter-form__field-wrapper{
flex-direction: column;
}
}
</style>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment