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
  • Row Borders
  • Rounded Corners
  1. USING THE DRAG & DROP EMAIL COMPOSER
  2. Settings, rows, & columns

Working with borders

PreviousWorking with paddingNextSaving your designs in Xmailer

Last updated 1 year ago

Border settings are available in the row settings of any design created in the Xmailer builder. While working with borders, you have the option to do so for all sides, or for each side individually. This gives you flexibility in setting the look and feel of your design.

For any border that you use, you can customize the following values:

  • Style (Solid, dotted, or dashed)

  • Width (0-30px)

  • Color

Row Borders

When you have a row selected on the builder stage, you will see border options in two places within the sidebar:

  • Under the Row Properties section, you will find Content area border (New!)

  • In the Customize Columns section, you will find another Border option

Let's take a look at how these options work.

Content Area Borders

As the name implies, a content area border will apply to the entire width of your design. This border feature applies to the entire row, rather than individual columns.

For example, say you have several two-column rows in your design. You want to apply a border to the entire row in both mobile and desktop views. You can accomplish this with the following steps:

  1. Select the intended row on the builder stage.

  2. Locate the Content area border option under Row properties in the sidebar.

  3. Set a border style, width, and color.

The border will apply to the entire content area width of your row, regardless of columns. This means that it will apply to the entire row consistently, even if the content stacks.

You can also use the More options toggle to apply different border values to any side of your row. You can change the border style, width, and color for all sides.

Column Borders

If you want to apply borders to columns, use the Border option in the Customize Columns section. This option applies borders only to the column you have selected.

For example, say you're working with the same two-column design. In this case, you want to apply the border only to the column that includes text, rather than the entire row. You can accomplish this with the following steps:

  1. Select the intended row on the builder stage. In the sidebar, scroll down to the Customize columns section. You will see the menu displaying the two different columns.

  1. Click on column 1 to edit the properties of this column.

  2. Set a border style, width, and color.

  3. Repeat on each column to accomplish the desired design.

You can also use the More options toggle to apply different border values to any side of your row. You can change the border style, width, and color for all sides. You can select other columns within your row to apply unique border values to those columns.

Rounded Corners

You can now apply rounded corners to any of your rows! This feature works both with and without corners. In either case, you can use this feature to apply a softer border effect to your designs. Look for the option called Content area rounded corners. It's located in the row properties sidebar, above the content area border option.

By default, the content area rounded corners feature applies to all four corners of the row. You can customize which corners are rounded by toggling on More options.

As mentioned above, you can round corners without borders as well. With this type of design, you'll want to apply a unique content area background color to the desired row. The effect will not be visible if you have the same background color applied to both the row and content area.

You can also use this feature to apply rounded corners to background images.