Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
WykenSamNaomi

How do I get my logo to display on emails?

Question

Posted (edited)

Site URL: https://www.kinship-press.com

Hi, 

I am trying to add my logo to order emails. I have tried the code in this thread: 

 but my logo won't display after I add my logo URL after the

img src=

instead it just comes up with a broken image and "Example logo". 

What am I doing wrong? Specifically, what parts of the custom code advised in that thread do I add my logo URL into?

Many thanks!

Edited by WykenSamNaomi

Share this post


Link to post

11 answers to this question

Recommended Posts

  • 0

Here's the code that should work for your specific site

<a href="https://www.kinship-press.com" title="Kinship Press"><img src="https://images.squarespace-cdn.com/content/5b8fba1af407b4da52f7e858/1587395531066-9OEH1OYMVJUFI7O8I324/Kinship-Press-White-logo.png?format=500w&content-type=image%2Fpng" alt="Kinship Press" style="display:block;"></a>

Your logo is white, so make sure the background you put this on is dark.


Creating websites using Squarespace at Design by Donuts 🍩

Share this post


Link to post
  • 0

I don't have access to the commerce section on any of my sites, so I'm not sure.  You can however invert the colors using filter:invert(1) on your logo so it works on white.

<a href="https://www.kinship-press.com" title="Kinship Press"><img src="https://images.squarespace-cdn.com/content/5b8fba1af407b4da52f7e858/1587395531066-9OEH1OYMVJUFI7O8I324/Kinship-Press-White-logo.png?format=500w&content-type=image%2Fpng" alt="Kinship Press" style="display:block;filter:invert(1);"></a>

 


Creating websites using Squarespace at Design by Donuts 🍩

Share this post


Link to post
  • 0
Posted (edited)

Hi Chris, 

Amazing thanks - that has worked however, is there a way to centre the logo? It's showing on the left right now. 

Many thanks

Edited by WykenSamNaomi

Share this post


Link to post
  • 0

Here's an update that should center it.

<div style="text-align:center;"><a href="https://www.kinship-press.com" title="Kinship Press"><img src="https://images.squarespace-cdn.com/content/5b8fba1af407b4da52f7e858/1587395531066-9OEH1OYMVJUFI7O8I324/Kinship-Press-White-logo.png?format=500w&content-type=image%2Fpng" alt="Kinship Press" style="display:block;filter:invert(1);"></a></div>

Creating websites using Squarespace at Design by Donuts 🍩

Share this post


Link to post
  • 0

Thanks Chris, when I change it to 300w it's goes back to the left. Could you kindly send me the code including the smaller logo size? Thank you so much

Share this post


Link to post
  • 0
<div style="text-align:center;"><a href="https://www.kinship-press.com" title="Kinship Press"><img src="https://images.squarespace-cdn.com/content/5b8fba1af407b4da52f7e858/1587395531066-9OEH1OYMVJUFI7O8I324/Kinship-Press-White-logo.png?format=300w&content-type=image%2Fpng" alt="Kinship Press" style="filter:invert(1);"></a></div>

 


Creating websites using Squarespace at Design by Donuts 🍩

Share this post


Link to post
  • 0
Posted (edited)

Thanks @ChrisBartow this helped to solve the same problem I had using the thread in the query 😃 I also battled to get the logo centered after changing the width. Could you help me to see what I'm missing? 

Screenshot 2020-06-28 at 11.45.59.png

Edited by atotheme
Added query

Share this post


Link to post
  • 0
4 hours ago, atotheme said:

Thanks @ChrisBartow this helped to solve the same problem I had using the thread in the query 😃 I also battled to get the logo centered after changing the width. Could you help me to see what I'm missing? 

Screenshot 2020-06-28 at 11.45.59.png

<img style="display:block;margin:0 auto;"

use this style, instead of text-align: center;


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...