FRAME TOOLS PRO GUIDE: PADDING & ALIGNMENT

Padding and Alignment is an important consideration for both designers and copywriters, who should understand that alignment is critical to the overall look of the page. Mastering Padding and Alignment is a significant step to becoming a true content management expert. Therefore, we recommend this Episode to all CMS users.

PADDING TOOL

Episode 4 was in many ways a prerequisite to this Episode, where we look at each feature of Frames Drawer. Here we take an in-depth look at the Padding tool.

Padding set to 64px on all sides of the Frame

Padding set to 32px on all sides of the Frame.

PRO TIPS

1. Use the 'Alt' key to save time when applying an even amount of Padding to a Frame.
   • Hold the 'Alt' key and click a cell, e.g. 32px. This will instantly apply 32 px to the Top, Bottom, Left, and Right, in one click.
2. Follow the rules as set out in Episode 4. This best practice will ensure you stay on track.
3. When in Content Mode keep an eye on the vertical alignment of the page. If you notice that certain content is not aligned then use the Padding Tool to realign. The MOBLE frame will set padding widths in the tool to help copywriters stay on track and better preserve the design for all users.
4. In Design mode, you can view all Frames. To the untrained eye this can look confusing. You can choose to make certain Frames more prominent with a Dark Blue colour.
   
   • In Design mode, click the Pencil Icon of the Frame that you'd like to see in Block mode
   • Click Pro
   • In the 'Class' box write 'block'
   • This Frame will now be Dark Dlue.