How to customize the design of the Countdown Timer?

1️⃣ Go to your Shopify Admin

2️⃣ Click on Apps → Hoppy Countdown.

Create a new countdown timer or open the existing one and customize the content tab.

3️⃣ Click on the "Design" tab

4️⃣ Here you’ll find all customization options for your countdown timer.

5️⃣ You can personalize the design of your countdown timer to make it more attractive and engaging for your visitors. Here's what you can customize:

Template 🧩: Choose a preset countdown timer template or set it as custom and modify all elements on your own.

Visibility ✨: Choose between desktop, mobile or both to ensure timers are visible on the devices you wish.
Timer Style⏱️: Highlight the numbers in your timer to make them stand out. Choose the style from the dropdown.
Background🎨: Select a solid color, gradient, or pattern for your timer background.
Border🖼️: Adjust the style, size, and color of the border around your timer.
Spacing📏: Control the padding and margins around your timer for better layout.
Progress Bar📊: Enable the progress bar by checking the box (optional).
Separator➗: Choose the type, size, and color of the separators (like colons or dashes) between the timer units.
Typography🔤 : Customize the color, size, and font of the title and subheading to match your store branding.

6️⃣ Use the live preview to see how your timer will look before saving.

7️⃣ Once you're happy with the look, click Save to apply changes to your store.

🕒 All done! Your eye-catching countdown timer is ready to grab attention! 🚀