Custom Doming Lapel Pins - Order Online

/* ================================ Order Online (Clean + CRO - Short Copy) Product: Custom Doming Lapel Pins - Order Online Page: https://www.3dshoecharms.com/products/custom-doming-lapel-pins Principle: Only explain the process + what may confuse buyers (Do NOT repeat clearly-visible option details) Fix: Mobile responsive + no overflow ================================ */ .order-online-wrapper{ --text: #121212; --line: #e8e8e8; --bg-soft: #f7f7f7; --radius: 10px; --btn-bg: #000; --btn-text: #fff; --btn-border: #000; --btn2-bg: #fff; --btn2-text: #000; --btn2-border: #000; --title-size: 18px; --body-size: 16px; --small-size: 14px; font-size: var(--body-size); color: var(--text); line-height: 1.75; max-width: 100%; } .order-online-wrapper *{ color: var(--text); } .order-online-wrapper .oo-lead{ margin: 0 0 14px 0; font-size: var(--body-size); overflow-wrap: anywhere; } .order-online-wrapper .oo-lead .oo-strong{ display: block; font-weight: 800; font-size: var(--title-size); margin-bottom: 6px; overflow-wrap: anywhere; } .order-online-wrapper .oo-divider{ border: 0; border-top: 1px solid var(--line); margin: 18px 0; } .order-online-wrapper .oo-step{ margin: 0 0 18px 0; } .order-online-wrapper .oo-step-title{ margin: 0 0 8px 0; font-size: var(--title-size); font-weight: 800; letter-spacing: .1px; text-transform: none; overflow-wrap: anywhere; } .order-online-wrapper .oo-step-sub{ margin: 0 0 10px 0; font-size: var(--body-size); overflow-wrap: anywhere; } .order-online-wrapper .oo-list{ margin: 0; padding-left: 18px; } .order-online-wrapper .oo-list li{ margin: 6px 0; overflow-wrap: anywhere; } .order-online-wrapper .oo-card{ background: var(--bg-soft); border: 1px solid var(--line); border-radius: var(--radius); padding: 14px 16px; margin: 18px 0; box-sizing: border-box; } .order-online-wrapper .oo-card-title{ margin: 0 0 8px 0; font-size: var(--title-size); font-weight: 800; overflow-wrap: anywhere; } .order-online-wrapper .oo-card-row{ margin: 6px 0; overflow-wrap: anywhere; } .order-online-wrapper .oo-cta{ text-align: center; margin-top: 18px; } .order-online-wrapper .oo-cta-title{ margin: 0 0 12px 0; font-size: var(--title-size); font-weight: 800; overflow-wrap: anywhere; } /* CTA buttons layout (two buttons, consistent & responsive) */ .order-online-wrapper .oo-cta-actions{ display: flex; gap: 12px; justify-content: center; align-items: stretch; flex-wrap: wrap; margin: 0 auto; max-width: 720px; } .order-online-wrapper .oo-cta-btn{ display: inline-flex; align-items: center; justify-content: center; background: var(--btn-bg); color: var(--btn-text) !important; border: 1px solid var(--btn-border); padding: 16px 30px; border-radius: 8px; text-decoration: none; font-weight: 800; font-size: 16px; letter-spacing: .2px; min-height: 52px; min-width: 280px; white-space: nowrap; box-sizing: border-box; max-width: 100%; } .order-online-wrapper .oo-cta-btn:hover{ opacity: .92; } .order-online-wrapper .oo-cta-btn--secondary{ background: var(--btn2-bg); color: var(--btn2-text) !important; border: 1px solid var(--btn2-border); } .order-online-wrapper .oo-cta-btn--secondary:hover{ background:#f6f6f6; } .order-online-wrapper .oo-cta-note{ margin-top: 10px; font-size: var(--small-size); opacity: .9; overflow-wrap: anywhere; } @media (max-width: 768px){ .order-online-wrapper{ --title-size: 17px; --body-size: 16px; --small-size: 14px; overflow-x: hidden; } .order-online-wrapper .oo-cta-actions{ flex-direction: column; gap: 10px; align-items: stretch; } .order-online-wrapper .oo-cta-btn{ width: 100%; max-width: 100%; min-width: 0; padding: 16px 16px; white-space: normal; word-break: break-word; } } Order Custom Doming Lapel Pins Online Choose quantity, select your shape and size, upload your logo, and checkout. We’ll email your digital proof within 24 hours, and production starts only after you approve it. Step 1 · Choose Quantity Pick your quantity and the price updates automatically. Minimum: 10 pcs . Step 2 · Choose Shape & Size Select the shape and size that best fits your logo. Doming lapel pins work especially well for round, square, oval, and rectangle layouts with clean balance and strong visual clarity. Step 3 · Upload Logo Upload your logo or artwork file. If you want a specific layout, border treatment, or size recommendation, leave a note in the Comments box and our team will guide you in the proof. Best files: AI, PDF, SVG, or high-resolution PNG No worries: if you only have a screenshot or simple image, upload it and our team can help prepare the artwork Step 4 · Choose Delivery Time Delivery time includes production + shipping from payment to delivery. Choose the option that best matches your event date or deadline. Rush Guarantee Carrier delay → rush fee refunded. Miss your event date due to delay → full refund. Step 5 · Checkout Add to cart and pay securely. We’ll send your proof within 24 hours for approval, and you can request revisions before we move into production. No Surprises Tax-free · Free shipping · No hidden fees Proof approval before production 100% quality check before shipping Quality issue? 100% refund guarantee Special request or want to see a proof before paying? Get Free Proof & Quote Order a $9.9 Sample Free proof · No payment required · Reply within 24 hours