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>
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024