[object Object]

← back to Designer Wallcoverings

China Seas mailer: move Shop-by-Theme band to bottom on white bg; add .pill-theme (solid dark pills for light section)

1d619822789ff3a547b9b2ccc0e89f71e6cc7d66 · 2026-06-24 16:25:03 -0700 · Steve

Files touched

Diff

commit 1d619822789ff3a547b9b2ccc0e89f71e6cc7d66
Author: Steve <steve@designerwallcoverings.com>
Date:   Wed Jun 24 16:25:03 2026 -0700

    China Seas mailer: move Shop-by-Theme band to bottom on white bg; add .pill-theme (solid dark pills for light section)
---
 mailers/china-seas-launch.html | 42 ++++++++++++++++++++++++++++--------------
 1 file changed, 28 insertions(+), 14 deletions(-)

diff --git a/mailers/china-seas-launch.html b/mailers/china-seas-launch.html
index bc6ebce1..a5e64224 100644
--- a/mailers/china-seas-launch.html
+++ b/mailers/china-seas-launch.html
@@ -40,12 +40,29 @@
     white-space: nowrap;
   }
   .pill:visited, .pill:hover { color: #ffffff !important; }
+  /* Theme pills on a WHITE section — solid dark pill, white text (the white-bg counterpart of .pill) */
+  .pill-theme {
+    display: inline-block;
+    margin: 5px 4px;
+    padding: 11px 22px;
+    background-color: #1c1816;
+    border: 1px solid #1c1816;
+    border-radius: 26px;
+    color: #ffffff !important;
+    font-family: Helvetica, Arial, sans-serif;
+    font-size: 11px;
+    letter-spacing: 2px;
+    text-transform: uppercase;
+    text-decoration: none;
+    white-space: nowrap;
+  }
+  .pill-theme:visited, .pill-theme:hover { color: #ffffff !important; }
   .cat-label { font-family: Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #1a1a1a; margin: 0; }
   .footer-text { font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 18px; color: #8d8478; }
   @media only screen and (max-width: 620px) {
     .stack { display: block !important; width: 100% !important; }
     .h1 { font-size: 24px !important; line-height: 30px !important; }
-    .pill { font-size: 10px !important; padding: 10px 16px !important; }
+    .pill, .pill-theme { font-size: 10px !important; padding: 10px 16px !important; }
   }
 </style>
 </head>
@@ -162,19 +179,6 @@
       </p>
     </td></tr>
 
-    <!-- ============ SHOP BY THEME — pills (moved to bottom) ============ -->
-    <tr><td align="center" style="padding: 0; background:#1c1816; background: linear-gradient(180deg, #221d1a 0%, #1c1816 100%);">
-      <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
-        <tr><td align="center" style="padding: 28px 18px 30px;">
-          <div style="font-family:Helvetica,Arial,sans-serif; font-size:10px; letter-spacing:3px; text-transform:uppercase; color:#b8b0a4; margin:0 0 18px;">Shop China Seas by Theme</div>
-          <a href="https://designerwallcoverings.com/collections/chinoiserie-collection?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank" class="pill">Chinoiserie</a>
-          <a href="https://designerwallcoverings.com/collections/lattice-and-trellis-patterns?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank" class="pill">Lattice &amp; Trellis</a>
-          <a href="https://designerwallcoverings.com/collections/ikat?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank" class="pill">Ikat</a>
-          <a href="https://designerwallcoverings.com/collections/florals-botanicals?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank" class="pill">Florals &amp; Botanicals</a>
-          <a href="https://designerwallcoverings.com/collections/stripes-geometrics?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank" class="pill">Stripes &amp; Geometrics</a>
-        </td></tr>
-      </table>
-    </td></tr>
 
     <!-- ============ HERITAGE-HOUSE LOGO STRIP (across the bottom) ============ -->
     <tr><td style="padding: 32px 18px 30px; border-top: 1px solid #e8e2d6;" align="center">
@@ -244,6 +248,16 @@
       </a>
     </td></tr>
 
+    <!-- ============ SHOP BY THEME — pills on WHITE (bottom) ============ -->
+    <tr><td align="center" style="padding: 4px 18px 36px; background:#ffffff; border-top: 1px solid #e8e2d6;">
+      <div style="font-family:Helvetica,Arial,sans-serif; font-size:10px; letter-spacing:3px; text-transform:uppercase; color:#8d8478; margin:24px 0 18px;">Shop China Seas by Theme</div>
+      <a href="https://designerwallcoverings.com/collections/chinoiserie-collection?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank" class="pill-theme">Chinoiserie</a>
+      <a href="https://designerwallcoverings.com/collections/lattice-and-trellis-patterns?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank" class="pill-theme">Lattice &amp; Trellis</a>
+      <a href="https://designerwallcoverings.com/collections/ikat?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank" class="pill-theme">Ikat</a>
+      <a href="https://designerwallcoverings.com/collections/florals-botanicals?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank" class="pill-theme">Florals &amp; Botanicals</a>
+      <a href="https://designerwallcoverings.com/collections/stripes-geometrics?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank" class="pill-theme">Stripes &amp; Geometrics</a>
+    </td></tr>
+
     <!-- ============ FOOTER (CAN-SPAM) ============ -->
     <tr><td align="center" style="padding: 32px 36px; background: #f4f1ec; border-top: 1px solid #e8e2d6;">
       <p class="footer-text" style="font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 18px; color: #8d8478; margin: 0 0 8px;">

← 0088367c China Seas mailer: 9 houses in 3x3 grid (add Lee Jofa, Bruns  ·  back to Designer Wallcoverings  ·  Harden backfill-to-catalog extractFromMetafields: unwrap {ty 98eea4a6 →