From 932e5ee742b7ae5b4be83e0406d3597dec0facab Mon Sep 17 00:00:00 2001
From: vickytechkey <vichunice@gmail.com>
Date: Sun, 23 Aug 2026 12:21:41 +0530
Subject: [PATCH] Fix logo rendering issue in email clients by replacing SVG
 with styled HTML text

---
 .../emails/sellercentral/common/password_reset.html         | 6 ++----
 .../templates/emails/sellercentral/common/verification.html | 6 ++----
 .../emails/sellercentral/common/welcome_email.html          | 6 ++----
 3 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/mailer/templates/emails/sellercentral/common/password_reset.html b/mailer/templates/emails/sellercentral/common/password_reset.html
index 38449d1..be1d888 100644
--- a/mailer/templates/emails/sellercentral/common/password_reset.html
+++ b/mailer/templates/emails/sellercentral/common/password_reset.html
@@ -14,10 +14,8 @@
                     <!-- Header -->
                     <tr>
                         <td align="center" style="padding: 24px; background-color: #fbf9f8; border-bottom: 1px solid #d9c5b2;">
-                            <svg width="240" height="70" viewBox="0 0 240 70" xmlns="http://www.w3.org/2000/svg">
-                                <text x="120" y="40" font-family="'Libre Caslon Text', serif" font-size="36" font-weight="700" fill="#6b1a2c" text-anchor="middle">Tradhox</text>
-                                <text x="120" y="60" font-family="'Work Sans', sans-serif" font-size="12" font-weight="600" fill="#6b1a2c" text-anchor="middle">From makers to the world</text>
-                            </svg>
+                            <h1 style="margin: 0; font-family: 'Libre Caslon Text', serif; font-size: 36px; color: #6b1a2c; font-weight: 700; letter-spacing: -0.5px;">Tradhox</h1>
+                            <p style="margin: 4px 0 0 0; font-family: 'Work Sans', sans-serif; font-size: 14px; color: #6b1a2c; font-weight: 600;">From makers to the world</p>
                         </td>
                     </tr>
                     <!-- Content -->
diff --git a/mailer/templates/emails/sellercentral/common/verification.html b/mailer/templates/emails/sellercentral/common/verification.html
index 6d98527..524b614 100644
--- a/mailer/templates/emails/sellercentral/common/verification.html
+++ b/mailer/templates/emails/sellercentral/common/verification.html
@@ -14,10 +14,8 @@
                     <!-- Header -->
                     <tr>
                         <td align="center" style="padding: 24px; background-color: #fbf9f8; border-bottom: 1px solid #d9c5b2;">
-                            <svg width="240" height="70" viewBox="0 0 240 70" xmlns="http://www.w3.org/2000/svg">
-                                <text x="120" y="40" font-family="'Libre Caslon Text', serif" font-size="36" font-weight="700" fill="#6b1a2c" text-anchor="middle">Tradhox</text>
-                                <text x="120" y="60" font-family="'Work Sans', sans-serif" font-size="12" font-weight="600" fill="#6b1a2c" text-anchor="middle">From makers to the world</text>
-                            </svg>
+                            <h1 style="margin: 0; font-family: 'Libre Caslon Text', serif; font-size: 36px; color: #6b1a2c; font-weight: 700; letter-spacing: -0.5px;">Tradhox</h1>
+                            <p style="margin: 4px 0 0 0; font-family: 'Work Sans', sans-serif; font-size: 14px; color: #6b1a2c; font-weight: 600;">From makers to the world</p>
                         </td>
                     </tr>
                     <!-- Content -->
diff --git a/mailer/templates/emails/sellercentral/common/welcome_email.html b/mailer/templates/emails/sellercentral/common/welcome_email.html
index 2d3cd70..250bc85 100644
--- a/mailer/templates/emails/sellercentral/common/welcome_email.html
+++ b/mailer/templates/emails/sellercentral/common/welcome_email.html
@@ -14,10 +14,8 @@
                     <!-- Header -->
                     <tr>
                         <td align="center" style="padding: 24px; background-color: #fbf9f8; border-bottom: 1px solid #d9c5b2;">
-                            <svg width="240" height="70" viewBox="0 0 240 70" xmlns="http://www.w3.org/2000/svg">
-                                <text x="120" y="40" font-family="'Libre Caslon Text', serif" font-size="36" font-weight="700" fill="#6b1a2c" text-anchor="middle">Tradhox</text>
-                                <text x="120" y="60" font-family="'Work Sans', sans-serif" font-size="12" font-weight="600" fill="#6b1a2c" text-anchor="middle">From makers to the world</text>
-                            </svg>
+                            <h1 style="margin: 0; font-family: 'Libre Caslon Text', serif; font-size: 36px; color: #6b1a2c; font-weight: 700; letter-spacing: -0.5px;">Tradhox</h1>
+                            <p style="margin: 4px 0 0 0; font-family: 'Work Sans', sans-serif; font-size: 14px; color: #6b1a2c; font-weight: 600;">From makers to the world</p>
                         </td>
                     </tr>