← back to Designer Wallcoverings
China Seas mailer: make all CTA buttons pill-shaped (border-radius 26px on .cta-btn + inline)
33c3f530f76531b318784c940ee0f06bd2ec6659 · 2026-06-24 15:14:43 -0700 · Steve
Files touched
M mailers/china-seas-launch.html
Diff
commit 33c3f530f76531b318784c940ee0f06bd2ec6659
Author: Steve <steve@designerwallcoverings.com>
Date: Wed Jun 24 15:14:43 2026 -0700
China Seas mailer: make all CTA buttons pill-shaped (border-radius 26px on .cta-btn + inline)
---
mailers/china-seas-launch.html | 7 ++++---
1 file changed, 4 insertions(+), 3 deletions(-)
diff --git a/mailers/china-seas-launch.html b/mailers/china-seas-launch.html
index 44fb023a..128555ca 100644
--- a/mailers/china-seas-launch.html
+++ b/mailers/china-seas-launch.html
@@ -20,7 +20,8 @@
.thumb-img { width: 100%; height: auto; display: block; }
.h1 { font-size: 30px; line-height: 36px; letter-spacing: 0.5px; font-weight: 400; margin: 0; color: #1a1a1a; }
.lede { font-size: 15px; line-height: 22px; color: #5a544c; margin: 12px 0 0; }
- .cta-btn { display: inline-block; padding: 14px 28px; background: #1a1a1a; color: #ffffff !important; font-family: Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 2.5px; text-transform: uppercase; text-decoration: none; }
+ .cta-btn { display: inline-block; padding: 14px 28px; background: #1a1a1a; color: #ffffff !important; font-family: Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 2.5px; text-transform: uppercase; text-decoration: none; border-radius: 26px; }
+ .cta-btn:visited, .cta-btn:hover { color: #ffffff !important; }
/* Semi-opaque "frosted" pill — solid rgba-baked fill, rounded, NO backdrop-filter (no email support) */
.pill {
display: inline-block;
@@ -99,7 +100,7 @@
Hand-printed in the Quadrille tradition since the 1960s — China Seas is the house that made the lattice, the ikat, and the chinoiserie ground a designer's vocabulary. The full library, in wallcovering and fabric, is now stocked at Designer Wallcoverings.
</p>
<p style="margin: 28px 0 0;">
- <a href="https://designerwallcoverings.com/collections/china-seas?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank" class="cta-btn" style="display:inline-block; padding:14px 36px; background:#1a1a1a; color:#ffffff; font-family: Helvetica, Arial, sans-serif; font-size:11px; letter-spacing:3px; text-transform:uppercase; text-decoration:none;">Shop China Seas</a>
+ <a href="https://designerwallcoverings.com/collections/china-seas?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank" class="cta-btn" style="display:inline-block; padding:14px 36px; background:#1a1a1a; color:#ffffff; font-family: Helvetica, Arial, sans-serif; font-size:11px; letter-spacing:3px; text-transform:uppercase; text-decoration:none; border-radius:26px;">Shop China Seas</a>
</p>
</td></tr>
@@ -157,7 +158,7 @@
Memo samples on request. Trade pricing available with verified account.
</p>
<p style="margin: 24px 0 0;">
- <a href="https://designerwallcoverings.com/collections/china-seas?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank" class="cta-btn" style="display:inline-block; padding:14px 36px; background:#1a1a1a; color:#ffffff; font-family: Helvetica, Arial, sans-serif; font-size:11px; letter-spacing:3px; text-transform:uppercase; text-decoration:none;">Browse the Full Library</a>
+ <a href="https://designerwallcoverings.com/collections/china-seas?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank" class="cta-btn" style="display:inline-block; padding:14px 36px; background:#1a1a1a; color:#ffffff; font-family: Helvetica, Arial, sans-serif; font-size:11px; letter-spacing:3px; text-transform:uppercase; text-decoration:none; border-radius:26px;">Browse the Full Library</a>
</p>
</td></tr>
← e21ad3ee Add drift-proof patcher to push the PDP spec .value fix to d
·
back to Designer Wallcoverings
·
cc-api: add sync-china-seas.js — re-PUT mailer HTML to draft 246d40e9 →