Dawn Theme Newsletter Section: Change form from box to underline and add text below the form

[jayzor74]

Hi, My site is vaultgoods.biz and I’m trying to duplicate the design of newsletter section here:

I was already able to change the arrow to a button. Now I want to change the form from box to underline, and increase the width. Lastly, add a text for disclaimer below the form.

Can someone help me with code pls? Thanks!

[Vinsinfo]

@jayzor74 Please follow below steps to display disclaimer text under the form and change form box to underline. Let me know whether it is helpful for you.

1. From admin, go to “Online Store” → “Themes”.
2. Click action button from the current theme and select “Edit code”.
3. Go to “footer.liquid” file and search “{%- if form.errors -%}” and paste the below code before that line like below image and save changes.

You can opt-out at any time. See our Privacy Policy and Terms.

4. Click “Exit” icon and then click “Customize” button from the current theme.

5. Click “Footer” section.

6. Then scroll down and paste the below code in “Custom CSS” field and save changes.

.newsletter-form {
    max-width: 45rem !important;
}
.newsletter__wrapper .newsletter-form__field-wrapper {
    max-width: 100% !important;
}
.newsletter-form__field-wrapper .field:after {
    box-shadow: unset !important;
}
.newsletter-form__field-wrapper .field {
    border-bottom: 2px solid #000000;
}
.field__input:focus-visible {
    box-shadow: unset !important;
}

Result will be like,

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

[jayzor74]

Thanks! I already got this one sorted.