Skip to main content

Badge Styling & Appearance

The Design tab gives you full control over how your badges look, from colors and gradients to animations.

P
Written by Petras Nargela
Updated today

1. Template Themes At the top of the Design tab, you can select a Template theme (e.g., Shopify, Ocean). These are one-click presets that instantly style your badge to look good.

2. Backgrounds & Gradients

  • Single color: Choose a solid background color.

  • Gradient background: Create a modern look by selecting two colors. You can adjust the angle of the gradient using the degrees slider (0° to 360°).

3. Borders & Spacing

  • Corner radius: Controls how round the edges are. Set to 0px for square corners or 8px+ for rounded buttons.

  • Spacing: Use the Inside top/bottom and Outside top/bottom fields to ensure your badge doesn't look crowded next to other page elements.

4. Typography & Icons

  • Icon style: Adjust the Icon size (e.g., 32px) and Icon color.

    • Pro Tip: Check "Use original color" if you want your payment logos to keep their official brand colors.

  • Typography: Customize the font size and color for both your Subheading and Paragraph text.

5. Animations Scroll to the bottom to the Animation section. You can select an entrance animation (like "Fade in" or "Slide up") to catch the customer's eye as they scroll down the page.

Did this answer your question?