Customer marketing confirmation: Change Button

Start a Business

Topic summary

Request to restyle the confirmation button in a customer marketing email: center-align it and use an outlined style (no fill). Also seeks to change the font for the entire email body text.

Provides site URL (wearestine.com) and two screenshots showing the current button (off-center, solid fill) and the desired outlined appearance. Images are central to understanding the visual goal.

Shares the full email HTML template, using Liquid-style variables (e.g., {{ shop.email_accent_color }}, {{ customer.subscribe_url }}). Current CSS sets .button__cell background to the accent color and link colors, with body background #F3F1E3. Multiple center tags and inline styles attempt centering, but the button still appears off-center and fully colored.

No replies, solutions, or decisions yet. No action items identified. Discussion remains open with unresolved questions on CSS/HTML changes needed for button outline and global font update.

Summarized with AI on January 2. AI used: gpt-5.
1

Hi!

I would like to change the button in my Customer marketing confirmation. Now it is off-center and fully coloured. I would like it to be centred and only appear with outlines, no fill-in colour. How can I change that?

Further, I would like to change the font in the whole text body.

Thank you so much for your help.

2

Thank you for your help!

3

Here is a screenshot of how it currently looks.

Screenshot 2024-03-27 at 17.42.17.png
Screenshot 2024-03-27 at 17.42.17.png1910×1244 138 KB

4

This is how I want the button to look:

Screenshot 2024-03-27 at 17.45.41.png
Screenshot 2024-03-27 at 17.45.41.png1960×474 24.7 KB

5

Here is the email body HTML:






{% capture email_title %}Confirm Your Subscription {% endcapture %}
{% capture email_body %}Before we send you emails, you need to confirm that you want to receive our newsletter.
If you didn’t subscribe, then you don’t need to do anything. We will not add you to our list unless you click on the button above.
If you have any questions, you can reach us at {{ shop.email }}.{% endcapture %}

{{ email_title }} .button__cell { background: {{ shop.email_accent_color }}; } a, a:hover, a:active, a:visited { color: {{ shop.email_accent_color }}; } body { background-color: #F3F1E3; }





{%- if shop.email_logo_url %} <img style="margin: auto; display: block;" src=" {{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}" {%- else %}

{{ shop.name }}

{%- endif %}






{{ email_title }}


<br

{% if shop.url %}


Yes, I want to subscribe
{% endif %}


{{ email_body }}