How to align newsletter subscribe section on one line in debut theme?

Technical Q&A
1

hi - what is the most efficient way to get the newsletter subscribe section on debut theme to be all on one line? I don’t mean the default one in the footer, I mean the standalone default newsletter section

2

Hi @danielh1

Would you mind sharing your store’s URL? We’ll see if there’s a solution and get back to you here!

3

sure it’s

https://cumbrianbooks.co.uk or

https://cumbrianteststore.myshopify.com/

I’m not sure which one you prefer

4

Hi @danielh1 @JHKCreate , glad to help you with your question. I’m sure, my given answer will help to solve your problem as adding the given code below in the section

Go to Online Store > Actions > Edit Code > Sections > newsletter.liquid

And replace your code with this code.

{% if section.settings.section_title != blank %}

{{ section.settings.section_title | escape }}

{% endif %}

{% if section.settings.subheading != blank %}

{{ section.settings.subheading | escape }}

{% endif %}

{% form ‘customer’ %}

{{ form.errors | default_errors }}

{% if form.posted_successfully? %}

{{ 'general.newsletter_form.confirmation' | t }}

{% else %}

<input type=“email”

name=“contact[email]”

id=“Email”

class=“input-group__field newsletter__input”

value=“{% if customer %}{{ customer.email }}{% endif %}”

placeholder=“{{ ‘general.newsletter_form.email_placeholder’ | t }}”

autocorrect=“off”

autocapitalize=“off”>

{{ ‘general.newsletter_form.submit’ | t }}

{% endif %}

{% endform %}

{% schema %}

{

“name”: “Newsletter”,

“class”: “index-section index-section–flush”,

“settings”: [

{

“type”: “text”,

“id”: “section_title”,

“label”: “Heading”,

“default”: “Subscribe to our newsletter”

},

{

“type”: “text”,

“id”: “subheading”,

“label”: “Subheading”,

“default”: “text”

},

{

“id”: “show_background”,

“type”: “checkbox”,

“label”: “Show background”,

“default”: true

},

{

“type”: “paragraph”,

“content”: “Text”

}

],

“presets”: [{

“name”: “Newsletter”,

“category”: “Promotional”

}]

}

{% endschema %}

Hopefully, that solves your problem. If not, please let me know if you’re seeing any other issues

5

yes! thank you so much, it worked perfectly!! best, d