SEO, AdWords, affiliates, advertising, and promotions
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.
wearestine.com
Thank you for your help!
Here is a screenshot of how it currently looks.
This is how I want the button to look:
Here is the email body HTML:
<br><br><br><br><br>{% capture email_title %}<center>Confirm Your Subscription</center> {% endcapture %}
{% capture email_body %}<center>Before we send you emails, you need to confirm that you want to receive our newsletter. <br> 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. <br> If you have any questions, you can reach us at <a href="mailto:{{ shop.email }}">{{ shop.email }}.</center>{% endcapture %}
<!DOCTYPE html>
<html lang="en">
<head>
<title>{{ email_title }}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">
<style>
.button__cell { background: {{ shop.email_accent_color }}; }
a, a:hover, a:active, a:visited { color: {{ shop.email_accent_color }}; } body {
background-color: #F3F1E3;
}
</style>
</head>
<body>
<table class="body">
<tr>
<td>
<table class="header row">
<tr>
<td class="header__cell">
<table align="center">
<table class="container">
<tr>
<td> <center>
<table class="row">
<tr>
<td class="shop-name__cell">
{%- 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 %}
<h1 class="shop-name__text">
<a style="text-align: center; display: block" href="{{shop.url}}">{{ shop.name }}</a>
</h1>
{%- endif %}
</td>
</tr>
</table> <center>
</td>
</tr>
</table >
</center>
</td>
</tr>
</table>
<table class="row content">
<tr>
<td class="content__cell">
<center>
<table class="container">
<tr>
<td><br><br><br><br><br><br>
<h2> {{ email_title }}
</h2> <br><br
{% if shop.url %}
<table class="row actions" style="text-align: center;">
<tr><br><be>
<td class="actions__cell">
<table class="button main-action-cell" style="text-align: center;">
<tr>
<td class="button__cell" style="text-align: center;">
<a style="margin: auto; display: block;" class="button__text" style="margin: auto; display: block;" href="{{ customer.subscribe_url }}">Yes, I want to subscribe</a>
</a>
</td>
</tr>
</table style="text-align: center;">
</td>
</tr>
</table>
{% endif %}
<br> <br> <br>
<p>{{ email_body }}
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
<tr>
<td class="footer__cell">
<center>
<table class="container">
<tr>
<td>
</tr>
</table> </center>
</center>
</td>
</tr>
<br> <br> <br> <br> <br> <br>
</table>
</td>
</tr>
</table>
</body>
</html>
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025