Using the baseline grid

[fusion_builder_container hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” border_style=”solid” padding_top=”20px” padding_bottom=”20px”][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ spacing=”” center_content=”no” hover_type=”none” link=”” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”left top” background_repeat=”no-repeat” border_size=”0″ border_color=”” border_style=”solid” border_position=”all” padding=”” dimension_margin=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” last=”no”][fusion_text]

InDesign Tutorials

How to use the baseline grid

[/fusion_text][/fusion_builder_column][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][fusion_text]For this tutorial, I have set up a new document and given it three columns.

1. Using the indesign type tool iconType Tool, create a random size text frame in each column like shown.


indesign text frame


2. Use the Selection Tool to thread (link) the frames together. Click on the out port of the first frame and then click inside the second frame. Now click on the out port of the second frame and then click inside the third frame. They should all now be threaded together.

To reveal the threads choose ‘View/Extras/Show Text Threads’.

3. Fill the frames with ‘Placeholder Text’. Double click inside the first frame and choose ‘Type/Fill With Placeholder Text’

4. Turn on the Baseline Grid. Choose ‘View/Grids & Guides/Show Baseline Grid’.

If you can’t see the grid after turning it on then you need to adjust the View Threshold in the application preferences. Choose Preferences, on the Mac this can be found under the application name, on Windows it is listed under the Edit menu.

5. Under preferences select ‘Grids’. Firstly change the View Threshold to less than your current zoom level, (select ‘View/Fit Page in Window’ first). Change the ‘Increment Every’ to 14pt. It is crucial to match the increment setting to the Leading, (line spacing). Just click ‘OK’ when you are done.

indesign preferences panelNB. there is no preview in preferences panel!


Note how the text is not horizontally aligned through all three frames. So let’s fix that problem.

6. Select all your text.

7. In the ‘Control Panel’ change the Font size to 12pt and change the ‘Leading’ to 14pt to match the Baseline Grid.

control panel showing font family and styling location

We need to tell the text to sit on the baseline or it will just ignore it.

indesign control panel for text

8. Under the Paragraph Formatting Controls of the ‘Control Panel’ select the Align to baseline grid option.

indesign text frames with aligned text

Note how all the text is now aligned. Try moving a frame up and down, the text will adjust automatically to stay aligned.

Your text is now aligned to the baseline grid.[/fusion_text][fusion_separator style_type=”double solid” top_margin=”30″ bottom_margin=”30″ alignment=”center” /][fusion_youtube id=”” width=”600″ height=”350″ autoplay=”false” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” /][fusion_text][mc4wp_form][/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]