Re: Edit font & wrap text in 'Contact Buyer' email template
I've attached a screenshot below and will also copy/paste the code as I cannot see where it says the font sorry. You can see that some text is standard boring computer text (that's what I want to change) and the text runs off-screen to the right.
<!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 }}; }
.google-button {
background: #D53 url('https://i.imgur.com/qFlAIL1.png') no-repeat 8px -3px;
background-size: 40px;
box-shadow: 0 -0.2rem 0 #F88;
color: #FFF;
font-family: 'Helvetica Neaue','Helvetica','Calibri',sans-serif;
font-size: 16px;
line-height: 46px;
padding: 15px 10px 10px 34px;
text-decoration: none;
-webkit-border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
border-radius: 0.5rem;
position:relative;
}
.google-button:hover {
background-color: rgb(189, 44, 8);
background-size: 40px;
box-shadow: 0 -0.2rem 0 #5C1818;
color: #FFF;
font-family: 'Helvetica Neaue','Helvetica','Calibri',sans-serif;
font-size: 16px;
line-height: 46px;
padding: 15px 10px 10px 34px;
text-decoration: none;
-webkit-border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
border-radius: 0.5rem;
top: 2px;
position:relative;
}
</style>
</head>
<body>
<table class="body">
<tr>
<td>
<table class="header row">
<tr>
<td class="header__cell">
<center>
<table class="container">
<tr>
<td>
<table class="row">
<tr>
<td class="shop-name__cell">
{%- if shop.email_logo_url %}
<img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}">
{%- else %}
<h1 class="shop-name__text">
<a href="{{shop.url}}">{{ shop.name }}</a>
</h1>
{%- endif %}
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
<table class="row content">
<tr>
<td class="content__cell">
<center>
<table class="container">
<tr>
<td>
<p>{{ custom_message }}</p>
<pre>
<body> As a small family business, we heavily rely on word of mouth to get our name out there and online reviews validate the quality of what we have to offer.
We would absolutely LOVE if you could take a moment to pop up a quick Google Review.
It not only makes us do a little happy dance & gives us the motivation to keep going, but it helps others just like you who want confirmation that Meridian Etch is legit worth it!
Thank you again for your order and thank you in advance if you choose to complete a brief review xx
<pre>
<pre>
<a class="google-button" href="https://g.page/r/CU1tp8wrMd_GEAI/review">Leave a Review!</a>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
<table class="row footer">
<tr>
<td class="footer__cell">
<center>
<table class="container">
<tr>
<td>
<p class="disclaimer__subtext">If you have any questions, reply to this email or contact us at <a href="mailto:{{ shop.email }}">{{ shop.email }}</a></p>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
<img src="{{ 'notifications/spacer.png' | shopify_asset_url }}" class="spacer" height="1" />
</td>
</tr>
</table>
</body>
</html>
Community Blog Articles
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024
We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024