Xmailer
  • Xmailer: The Ultimate Email Marketing Platform
  • CONTACT LIST MANAGEMENT
    • Create a contact list
    • Resubscribe after an unsubscribe
    • List X-Ray
    • View or search your contacts
    • Contact Tags Manager
    • Export your contact list
    • Uploading a suppression list
    • Large suppression files
    • Exclusion Lists
    • GDPR Delete & Export
  • SEGMENTING
    • What you can do with segments
    • Create a segment
    • Designing your segment
    • Tag contacts in a segment
    • Export a Segment's Contacts
    • A/B test using segments
  • BROADCAST
    • What you can do with broadcasts
    • Create a Broadcast
    • Broadcast Settings
    • Choosing your email composer
    • Augment your subject line with a preheader
    • Adding your recipients
    • Schedule your Broadcast
    • Resend to non-openers automation
    • Broadcast Reporting
    • Duplicate a broadcast
    • Tag contacts who Open your broadcast
    • Resume an incomplete broadcast
    • Export Broadcast Openers & Unsubscribes
    • Cancel a broadcast
    • Cancel a broadcast funnel trigger
    • Revise tagging and funnel triggers for sent broadcasts
  • USING THE DRAG & DROP EMAIL COMPOSER
    • The Basics
      • Content Row Properties
      • Designing your email - Using Columns
      • Footer
      • Social Media Component
    • Working with multimedia
      • Adding video to your page
      • Using the image editor
      • Using dynamic images for countdown timers and personalized content
      • Search for free, high-quality stock photos in Xmailer
      • Editing Image Properties
      • Adding GIF animations & animated stickers with GIPHY
      • Adding video to your email
      • Using the File Manager
      • How to use external images in your design
    • Working with content blocks
      • Table Content Block
      • Using Internal Links in Pages
      • Working with paragraph and list content blocks
      • Using dividers and spacers
      • Letter and Paragraph spacing
      • Working with titles
      • Working with menus in Xmailer
      • Working with icons
      • Working with custom HTML
    • Settings, rows, & columns
      • Dark Mode Preview
      • Designing with Workspace Styles
      • Designing with Saved Rows
      • Mobile design mode
      • Co-editing
      • Column management
      • Configuring design settings
      • Settings, Rows, and Content: How do they work?
      • Adding a background image to your designs
      • How do I change the properties of a row?
      • Mobile Optimization Options
      • How do I select a row vs. content?
      • Undo, redo & history
      • Working with padding
      • Working with borders
      • Saving your designs in Xmailer
      • Locking content to prevent editing
  • FUNNELS
    • What you can do with funnels
    • Create a funnel
    • Choosing your funnel type
    • From Name & From Email - editing
    • Activating your funnel
    • Trigger an email funnel from a broadcast
    • Tag contacts who open your funnel messages
    • Choosing your email composer
    • Page Augment your subject line with a preheader
    • Design your automated email sequence
    • Contact Suppression and Exclusion
    • Adding a funnel to an opt-in subscriber form
  • SUBSCRIBER OPT-IN FORMS
    • What you can do with forms
    • Create an opt-in form
    • Sending to double opt-in contacts
    • Choosing your form type: floating bars, lightboxes,inline naked embedded, slide outs
    • Exit intent and display rules
    • Adding email and name input boxes to your form
    • Setting the size of your form
    • Configuring how your form displays on mobile devices
    • Configuring your mobile width
    • Add a close window X to your form
    • Adding a "No" button that closes your form
    • Tag subscribers who opt-in to your form
    • Adding "no thanks" text which closes your form
    • View your form conversion rate
    • Connect an existing form to your account
    • Adding your form to your website
    • Add opt-in subscribers to an automated email sequence
Powered by GitBook
On this page
  • Rows
  • Content Blocks
  • Mobile padding
  1. USING THE DRAG & DROP EMAIL COMPOSER
  2. Settings, rows, & columns

Working with padding

PreviousUndo, redo & historyNextWorking with borders

Last updated 1 year ago

Most design elements within the Xmailer builder include padding settings. Default padding features allow you to set the padding around an element for all sides at the same time. For more granular control, toggle on More options. This allows you to apply padding individually for each side.

Rows

On rows, you can apply padding on the column level, under Customize Columns. You'll find this option at the bottom of the sidebar. In multi-column rows, we encourage using the same padding values on all your columns. However, you can apply unique padding values to each column if you prefer.

Content Blocks

Every content block (except for spacers) includes padding options as well. The most common padding option can be found under Block options in the sidebar. These padding values apply to the content block as a whole.

Some content blocks offer additional content padding options. These padding options apply to specific elements in the content block. Let's take a look at the content blocks with unique padding options.

Buttons

Buttons include content padding options. This type of padding applies to the text within your button. You can use this to customize the size of your button, or where your text populates within the button.

Icons

Icons include icon padding options. Remember that icons allow the use of images and text within the same content block. This type of padding will only apply to the icon images within the content block.

Menus

Menus include menu padding options. This is similar to spacing options you might see in other content blocks. It allows you to apply padding in between each menu item.

Forms

Forms are only available in the Page builder. This type of content includes two additional content padding options. You can apply content padding in Field options, which will apply to the text fields that can be filled out.

You can also apply padding in the Button options, which are identical to the button padding.

Mobile padding

In Mobile Design Mode, you can apply padding that only impacts the mobile version of your design. However, mobile padding can only be applied in the Block options on the content level. You can also apply mobile-only padding to your rows and columns.

Use the Mobile icon in the sidebar to identify elements supporting mobile padding.

You can find full details on mobile styles in our Mobile Design Mode documentation. We also talk about this feature in Mobile Optimization Options.