{"id":95397,"date":"2022-04-04T15:36:25","date_gmt":"2022-04-04T19:36:25","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=95397"},"modified":"2023-08-21T10:41:54","modified_gmt":"2023-08-21T14:41:54","slug":"adjust-line-height","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/","title":{"rendered":"How To Adjust Line Height in WordPress Gutenberg Editor"},"content":{"rendered":"<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/How-To-Adjust-Line-Height-in-WordPress-1024x538.png\" alt=\"Adjust line height in WordPress\" class=\"wp-image-95399\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/How-To-Adjust-Line-Height-in-WordPress-1024x538.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/How-To-Adjust-Line-Height-in-WordPress-300x158.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/How-To-Adjust-Line-Height-in-WordPress-768x403.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/How-To-Adjust-Line-Height-in-WordPress.png 1200w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>One of the most important aspects of good typography is <strong>line height<\/strong> or the amount of vertical space between lines of text. Although it may seem like a small detail, line height can have a big impact on the look and feel of a WordPress post. It can also affect readability, with too little line height causing the text to run together and too much line height making it difficult to track from line to line. The best line height is usually around 1.5 times the font size, but it can vary depending on the font family and other factors. By adjusting the line height in your WordPress posts, you can create a more aesthetically pleasing design and improve readability at the same time.<\/p>\n\n\n\n<p>Most of the time, you can adjust type elements in the Gutenberg editor by clicking the <strong><b>+<\/b> sign<\/strong> under <i>Typography<\/i> for your block. This is true of line height as well, but only in certain newer themes.<\/p>\n\n\n\n<p class=\"alert alert-info\">Newer themes that include line height adjustment in Gutenberg include <a href=\"https:\/\/wordpress.org\/themes\/twentytwentytwo\/\">Twenty Twenty-Two<\/a>, <a href=\"https:\/\/wordpress.org\/themes\/tove\/\">Tove<\/a>, <a href=\"https:\/\/wordpress.org\/themes\/blockbase\/\">Blockbase<\/a>, and more.<\/p>\n\n\n\n<p>If you are using an older theme, you can easily add some additional CSS for your desired line height through the <b>Customize<\/b> area.  In this article, you will learn all about how to adjust line height in WordPress using additional CSS.  We will also cover adding paragraph spacing, which is similar, but requires different CSS rules. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#line-height\">What Is Line Height?<\/a><\/li>\n\n\n\n<li><a href=\"#adjust-line-height\">How To Adjust Line Height in WordPress<\/a><\/li>\n\n\n\n<li><a href=\"#padding\">Adjust Paragraph Spacing With CSS Padding<\/a><\/li>\n\n\n\n<li><a href=\"#undo\">Removing or Undoing CSS Changes<\/a><\/li>\n<\/ul>\n\n\n\n<p class=\"alert alert-danger\">Note that block-based themes would require that you add the code in the <strong>Advanced &gt; Additional CSS class(es)<\/strong> for an individual post or page. If you want to change it for the entire theme, then it would require that you edit the template and adjust the line height under <strong>Styles &gt; Text<\/strong>.  Older themes (non-block-based themes) do not use the block interface, but they are shown with screenshots in the following tutorial.<\/p>\n\n\n\n<p class=\"alert alert-warning\">Adding some custom CSS to your theme is an intermediate level WordPress skill.  But doing so cannot cause disastrous harm to your site, CSS rules affect the look of your site but do not interfere with critical system functioning, and they can be easily erased.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"line-height\">What Is Line Height?<\/h2>\n\n\n\n<p><strong>Line height controls the distance between lines of text.  You can control this distance with the <code>line-height<\/code> CSS property.<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"676\" height=\"219\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/wp_line_height_paragraph_before.png\" alt=\"Line height at default value\" class=\"wp-image-95419\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/wp_line_height_paragraph_before.png 676w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/wp_line_height_paragraph_before-300x97.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><figcaption class=\"wp-element-caption\">Before, line height at default value.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"278\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/wp_line_height_paragraph_after.png\" alt=\"Line height added\" class=\"wp-image-95420\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/wp_line_height_paragraph_after.png 663w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/wp_line_height_paragraph_after-300x126.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><figcaption class=\"wp-element-caption\">After, line height added.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>\nSpacing between paragraphs is handled by a different property.  To control the distance before or after paragraphs, you will want to adjust the CSS <code>padding<\/code> property (see <a href=\"#padding\">below<\/a>).\n<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"adjust-line-height\">How To Adjust Line Height in WordPress<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Without CSS<\/h3>\n\n\n\n<p>Below, you will see how to adjust line height in the newer, full site editing capable, WordPress themes:<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li>Log in to the WordPress dashboard<\/li>\n\n\n\n<li>Select a post or page to edit, or create new content<\/li>\n\n\n\n<li>Highlight a text block<\/li>\n\n\n\n<li>Click the <strong>+ sign<\/strong> under the typography settings for this block<br><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"382\" class=\"wp-image-96009\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/wordpress-blocks_018.png\" alt=\"Click the plus sign under typography\"><\/li>\n\n\n\n<li>Select<strong> line height<\/strong><\/li>\n\n\n\n<li>Adjust line height to your desired value<br><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"228\" class=\"wp-image-96008\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/wordpress-blocks_019.png\" alt=\"Adjust line height\"><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">With CSS<\/h3>\n\n\n\n<p>Below you will find out how to open the <b>Additional CSS<\/b> menu and the code snippets you can add to adjust your line height. <\/p>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li>Log into your WordPress dashboard<\/li>\n\n\n\n<li>Click <b>Customize<\/b> under <i>Appearance<\/i><\/li>\n\n\n\n<li>Choose <b>Additional CSS<\/b><br><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"409\" class=\"wp-image-95430\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/wordpress-blocks_004.png\" alt=\"Additional CSS\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/wordpress-blocks_004.png 402w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/wordpress-blocks_004-300x246.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Add the CSS code you will find below<\/li>\n<\/ol>\n\n\n\n<p>\nTo adjust line height for the text in posts:\n<\/p>\n\n\n\n<pre id=\"orgee3f76e\" class=\"wp-block-preformatted example\">.post p {line-height: 2em;}<\/pre>\n\n\n\n<p>\nFor pages:\n<\/p>\n\n\n\n<pre id=\"orgd557ade\" class=\"wp-block-preformatted example\">.page p {line-height: 2em;}<\/pre>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"355\" height=\"322\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/wordpress-blocks_005.png\" alt=\"Line height CSS modifications in the Customizer interface\" class=\"wp-image-95432\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/wordpress-blocks_005.png 355w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/wordpress-blocks_005-300x272.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"278\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/wp_line_height_paragraph_after.png\" alt=\"Line height 2em\" class=\"wp-image-95420\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/wp_line_height_paragraph_after.png 663w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/wp_line_height_paragraph_after-300x126.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<p> The CSS code described above accomplishes a few tasks.  It targets the paragraph element (<code>p<\/code>) for posts and pages.  It sets the <code>line-height<\/code> CSS property to <code>2em<\/code>.  The latter value is the one you can adjust to your liking.  For example, if you want more space, you can use <code>3em<\/code>.<\/p>\n\n\n\n<p class=\"alert alert-info\">The <code>em<\/code> unit is a standard measurement you can apply to all sorts of different CSS properties.  You can also use integer values (like <code>3.75<\/code>), percent values (like <code>150%<\/code>), or pixels (like <code>25px<\/code>). <\/p>\n\n\n\n<p> If you are customizing your line height while viewing a post or page in the browser window, you will get to see your CSS changes happen live.  So feel free to tweak these values exactly to your liking.  When you\u2019re ready to finalize these changes click <b>Publish<\/b>.  And now these changes will be published to your live site, affecting all posts and pages. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"padding\">Adjust Paragraph Spacing With CSS Padding<\/h2>\n\n\n\n<p>Using the additional CSS interface in the <em>Customize<\/em> window, you can also add some padding to give more separation to your paragraphs.  The following CSS code uses the <code>padding-bottom<\/code> property, to give padding beneath the paragraphs.  Alternatively, you can use <code><em>padding-top<\/em><\/code> to set the padding above the paragraph. <\/p>\n\n\n\n<pre id=\"org76821e8\" class=\"wp-block-preformatted example\">.post p {padding-bottom: 2em;}\n<\/pre>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"340\" height=\"202\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/wordpress-blocks_006.png\" alt=\"\" class=\"wp-image-95436\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/wordpress-blocks_006.png 340w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/wordpress-blocks_006-300x178.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"684\" height=\"409\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/wordpress-blocks_007.png\" alt=\"\" class=\"wp-image-95437\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/wordpress-blocks_007.png 684w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/wordpress-blocks_007-300x179.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><figcaption class=\"wp-element-caption\">Note the additional space, padding, between paragraphs.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>\nLikewise, you can make the same modification to page content as well:\n<\/p>\n\n\n\n<pre id=\"org4644355\" class=\"wp-block-preformatted example\">.page p {padding-bottom: 2em;}\n<\/pre>\n\n\n\n<p> And as above, you can test your changes live by viewing your site in the preview window on the right.  You should see your paragraphs gaining padding as soon as you type in the code examples above. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"undo\">Undoing or Erasing CSS Changes<\/h2>\n\n\n\n<p>If you decide you don\u2019t want to apply your additional CSS (or any changes made in the Customizer) you can always click the gear icon next to the publish button and discard your changes. This action will only apply to the most recent changes added. Anything that was published beforehand will have to reversed manually.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"446\" height=\"290\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/wordpress-blocks_003.png\" alt=\"WordPress Customizer interface\" class=\"wp-image-95425\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/wordpress-blocks_003.png 446w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/wordpress-blocks_003-300x195.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n<\/div>\n\n\n<p>If you have already added and published CSS rules to the site, you can simply go back into the Customizer at any point and erase any rule you no longer want.<\/p>\n\n\n\n<p>To learn more, check out our other articles about <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/\">Blocks in WordPress<\/a>! <\/p>\n\n\n<div class=\"jumbotron\">\r\n<p>If you need a new home for your WordPress site, look no further than InMotion\u2019s <a href=\"https:\/\/www.inmotionhosting.com\/wordpress-hosting\">WordPress Hosting<\/a> solutions for secure, optimized, budget-friendly servers.<\/p>\r\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>Fast &amp; Easy Transfers    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>Free SSLs    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>Hack Protection    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>Affordable<\/p>\r\n<p><a class=\"btn btn-primary btn-lg\" href=\"https:\/\/www.inmotionhosting.com\/wordpress-hosting\">View WordPress Hosting Plans<\/a><\/p>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>One of the most important aspects of good typography is line height or the amount of vertical space between lines of text. Although it may seem like a small detail, line height can have a big impact on the look and feel of a WordPress post. It can also affect readability, with too little line<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/\"> Read More ><\/a><\/p>\n","protected":false},"author":17,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4524],"tags":[],"class_list":["post-95397","post","type-post","status-publish","format-standard","hentry","category-blocks"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How To Adjust Line Height in WordPress Gutenberg Editor | InMotion Hosting<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Adjust Line Height in WordPress Gutenberg Editor | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"One of the most important aspects of good typography is line height or the amount of vertical space between lines of text. Although it may seem like a small detail, line height can have a big impact on the look and feel of a WordPress post. It can also affect readability, with too little line Read More &gt;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-04T19:36:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-21T14:41:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/How-To-Adjust-Line-Height-in-WordPress-1024x538.png\" \/>\n<meta name=\"author\" content=\"Christopher Maiorana\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Christopher Maiorana\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/\"},\"author\":{\"name\":\"Christopher Maiorana\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/c6922c56c84e17079fd558e07b7ef72f\"},\"headline\":\"How To Adjust Line Height in WordPress Gutenberg Editor\",\"datePublished\":\"2022-04-04T19:36:25+00:00\",\"dateModified\":\"2023-08-21T14:41:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/\"},\"wordCount\":919,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/How-To-Adjust-Line-Height-in-WordPress-1024x538.png\",\"articleSection\":[\"Blocks\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/\",\"name\":\"How To Adjust Line Height in WordPress Gutenberg Editor | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/How-To-Adjust-Line-Height-in-WordPress-1024x538.png\",\"datePublished\":\"2022-04-04T19:36:25+00:00\",\"dateModified\":\"2023-08-21T14:41:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/How-To-Adjust-Line-Height-in-WordPress.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/How-To-Adjust-Line-Height-in-WordPress.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How To Adjust Line Height in WordPress Gutenberg Editor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/c6922c56c84e17079fd558e07b7ef72f\",\"name\":\"Christopher Maiorana\",\"description\":\"Christopher Maiorana joined the InMotion community team in 2015 and regularly dispenses tips and tricks in the Support Center, Community Q&A, and the InMotion Hosting Blog.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/chris-m-4623144b\/\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/christopherm\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Adjust Line Height in WordPress Gutenberg Editor | InMotion Hosting","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/","og_locale":"en_US","og_type":"article","og_title":"How To Adjust Line Height in WordPress Gutenberg Editor | InMotion Hosting","og_description":"One of the most important aspects of good typography is line height or the amount of vertical space between lines of text. Although it may seem like a small detail, line height can have a big impact on the look and feel of a WordPress post. It can also affect readability, with too little line Read More >","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2022-04-04T19:36:25+00:00","article_modified_time":"2023-08-21T14:41:54+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/How-To-Adjust-Line-Height-in-WordPress-1024x538.png","type":"","width":"","height":""}],"author":"Christopher Maiorana","twitter_card":"summary_large_image","twitter_creator":"@InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"Christopher Maiorana","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/"},"author":{"name":"Christopher Maiorana","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/c6922c56c84e17079fd558e07b7ef72f"},"headline":"How To Adjust Line Height in WordPress Gutenberg Editor","datePublished":"2022-04-04T19:36:25+00:00","dateModified":"2023-08-21T14:41:54+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/"},"wordCount":919,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/How-To-Adjust-Line-Height-in-WordPress-1024x538.png","articleSection":["Blocks"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/","name":"How To Adjust Line Height in WordPress Gutenberg Editor | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/How-To-Adjust-Line-Height-in-WordPress-1024x538.png","datePublished":"2022-04-04T19:36:25+00:00","dateModified":"2023-08-21T14:41:54+00:00","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/How-To-Adjust-Line-Height-in-WordPress.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/03\/How-To-Adjust-Line-Height-in-WordPress.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/adjust-line-height\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How To Adjust Line Height in WordPress Gutenberg Editor"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/c6922c56c84e17079fd558e07b7ef72f","name":"Christopher Maiorana","description":"Christopher Maiorana joined the InMotion community team in 2015 and regularly dispenses tips and tricks in the Support Center, Community Q&A, and the InMotion Hosting Blog.","sameAs":["https:\/\/www.linkedin.com\/in\/chris-m-4623144b\/"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/christopherm\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":{"id":4524,"name":"Blocks","slug":"blocks","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/"},"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/95397","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=95397"}],"version-history":[{"count":26,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/95397\/revisions"}],"predecessor-version":[{"id":106129,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/95397\/revisions\/106129"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=95397"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=95397"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=95397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}