logo
features
Overview
Explore a detailed overview of our key features
Email Campaigns
Learn more about how to improve your email marketing performance
Email Automations
Explore email automations and boost your marketing
Signup Forms
Discover how easy it is to capture leads and grow your audience
Templates
Find customizable designs that elevate your email campaigns
Subscribers
See subscribers growth month-to-month
Stripo Email Editor
Design professional, responsive emails in minutes with Maildroppa’s Drag-and-Drop Editor
Create and send beautiful, personalized email campaigns with easeGet Started
guides
academy
pricing
affiliate
Sign UpLogin
Login
logo
Login
Back
features
guidesacademypricingaffiliate

Chapters

  • Stripo Drag-and-Drop Email Content Editor
  • Stripo Drag-and-Drop Email Editor Settings
  • Appearance Tab

Contents

Appearance Tab

the email tool that makes email marketing simple

Sign Up FreeNo credit card required.
maildroppa-promo-notebookmaildroppa-promo-spaceship
Guides and Tutorials Appearance Tab

Appearance Tab

Published: December 23, 2024

Previous:Stripo Drag-and-Drop Email Editor Settings

The Appearance Tab allows you to control the global styling of your email, such as fonts, background colors, button styles, and mobile-specific formatting. This ensures consistency and adaptability across devices and email clients.

Below is a detailed explanation of each section within the Appearance Tab.

Appearance Tab Overview


1. General Settings

Customize the overall appearance and alignment of your email. These settings are applied globally across all sections.

  • Message Alignment: Align the email content to the Left, Center, or Right. Adjust the Message Alignment
  • Default Padding: Set uniform spacing around new structures or adjust padding for each side (Top, Right, Bottom, Left) individually. Adjust the default padding of the email
  • General Background Color: Set the background color of the email using a hex code or color picker. Set the general background color of the email
  • Font: Choose from standard fonts like Arial, Helvetica, or decorative fonts like Roboto and Lato. Define the general font of the email
  • Line Spacing: Adjust the spacing between lines with four predefined options. Define the default line spacing
  • Paragraph Bottom Space: Enable or disable spacing between paragraphs. Enable or disable paragraph bottom space
  • Underline Links: Automatically underline all links in your email (toggle on/off). Toggle link-underlining on or off
  • Responsive Design: Enable to ensure your email adapts to different screen sizes, especially for mobile devices. Activate or deactivate a responsive email design
  • RTL Text Direction: Activate for languages like Arabic or Hebrew. Define the direction of text
  • Background Image: Add a background image with the option to link it. Drag and drop to upload images. Add a background image to the email

2. Stripes

Stripes represent large structural sections of your email (e.g., Header, Content, Footer, Info Area). Each stripe can be styled independently.

Header Stripe
  • Text Size: Customize the size of header text (8–72). Header Text Size
  • Background Color: Set a solid background color or leave it transparent. Header Background Color
  • Content Background Color: Adjust the background color within the header section. Header Content Background Color
  • Font Color: Define text color. Header Font Color
  • Link Color: Set the color for navigation or other header links. Header Link Color
  • Background Image: Add an optional background image. Header Background Image
Content Stripe

The main body of your email for text, images, and interactive elements.

  • Text Size: Adjust content text size (8–72). Content Text Size
  • Content Background Color: Define the background color of the main content area. Content Background Color
  • Font Color: Set the default color of text. Content Font Color
  • Link Color: Customize the link color. Content Link Color
Footer Stripe

Typically used for contact details, legal information, or social links.

  • Text Size: Set the text size (8–72). Footer Text Size
  • Background Color: Choose a solid background or leave it transparent. Footer Background Color
  • Content Background Color: Define the footer’s inner background. Footer Content Background Color
  • Font Color: Set the font color. Footer Font Color
  • Link Color: Customize link color for footer links. Footer Link Color
  • Background Image: Optionally add an image with a clickable link. Footer Background Image
Info Area Stripe

Used for disclaimers, legal notices, or additional information.

  • Text Size: Define the font size (8–72). Info Area Text Size
  • Font Color: Set the font color. Info Area Font Color
  • Link Color: Adjust link colors in this stripe. Info Area Link Color

3. Headings

Define the visual style of headings (H1, H2, H3) for hierarchy and structure in your email.

  • Font: Choose a font for headings. Heading Font
  • Line Spacing: Adjust spacing between lines for readability. Heading Line Spacing
  • Heading Size: Customize the size of H1, H2, and H3 headings (8–72).
  • Text Styling: Apply Bold or Italic styles.
  • Font Color: Set a unique color for each heading type. Heading Style

4. Button

Design the buttons in your email for better engagement.

  • Support for Outlook: Enable to ensure proper rendering in Microsoft Outlook using VML code (may increase email size). Button Outlook Support
  • Button Color: Set the default color of buttons. Button Color
  • Highlight Hovered Buttons: Toggle to enable a hover color effect.
    • Hover Color: Choose the hover color. Button Hover Color
  • Font Color: Define the color of button text. Button Font Color
  • Text Style:
    • Font: Select a font for button text.
    • Font Size: Adjust text size (8–72).
    • Styling: Apply Bold or Italic text styles. Button Text Style
  • Border Radius: Round the corners of buttons (0–100). Button Border Radius
  • Borders:
    • Type: Choose solid, dashed, or dotted borders.
    • Color: Define border colors. Button Border
  • Padding: Adjust internal padding for buttons (Top, Right, Bottom, Left). Internal Button Padding

5. Mobile Formatting

Ensure your email looks great on mobile devices with mobile-specific settings.

  • Header, Content, Footer, Info Area Text Sizes: Customize text sizes for each section on mobile. Header Text Size
  • Menu Items Font Size: Adjust font size for navigation menu items. Mobile Menu Items Font Size
  • Heading Sizes: Set H1, H2, and H3 sizes for mobile view.
  • Heading Alignment: Align headings (Left, Center, Right). Mobile Heading
  • Button Text Size: Customize button text size for mobile. Mobile Button Text Size
  • Full-width Buttons: Enable buttons to span the entire screen width.
  • Top and Bottom Padding: Adjust padding for a better mobile appearance. Mobile full-width Buttons
  • Content Margin: Adjust margin around content for mobile (0–100). Mobile Content Marking

Final Notes

  • Testing: Always test your email across devices and email clients to ensure consistency.
  • Accessibility: Use accessible fonts, proper heading structure, and alternate text for images to ensure inclusivity.
  • Optimization: Minimize file sizes for faster loading and better performance, especially important for mobile users.
Previous:Stripo Drag-and-Drop Email Editor Settings

Ready to Send Better Emails?

Stop juggling bloated tools or overpriced plans. Maildroppa offers personal support, GDPR-level privacy, and powerful email marketing - starting free forever.

No credit card required. No time limit.

logo

Helping founders and creators grow through easy, effective email marketing.

XFacebookLinkedin
  • Product
  • Pricing
  • Sign Up Free
  • Affiliate Program
  • Features
  • Overview
  • Signup Forms
  • Subscribers
  • Email Campaigns
  • Templates
  • Stripo Email Editor
  • Email Automations
  • Company
  • About Us
  • Data Protection
  • Acceptable Use Policy
  • Imprint
  • Support
  • Maildroppa Academy
  • Guides
  • Privacy Policy
  • Terms & Conditions
  • Disclaimer
  • Report Inappropriate Content

Stripe Climate member logoStripe Climate memberCopyright © 2020-2025 Maildroppa.