For example, in my GeneratePress Premium theme I can control line-height, margin, and font-size for all my text elements. Control it in your theme settings (if available)Ĭheck your theme’s typography settings which can be usually be found inside the WordPress customizer. This makes your line-height 1.6 times the font size (gap is 60% of font size). Recommended Setting: 1.6 is good line-height for most websites. Your theme likely already has default line-height affecting these elements. This includes Headings, Paragraphs and Lists. Adjusting Line Height in WordPressĪll text elements have a line-height property that can be adjusted using CSS. Gap B is controlled by Margin which is the spacing between elements. Gap A is controlled by line-height, which is the line spacing within a block of text. Margin (B)Ībove you can see two short blocks of paragraph text. All text blocks utilize both these properties when determining white space. The two most common types of spacing you’ll want to control in WordPress are line-height and margin. In this guide you’ll learn: How to adjust text spacing in WordPress. Instead, spacing is mostly handled by your theme (or custom CSS). Out of the box, WordPress gives you very little control over the spacing of your text elements, such as headings, paragraphs and lists. Get it wrong, and your visitors will quickly hit the back button, raising bounce rates and killing your conversions (and harming Google rankings). Get it right and your posts will be more readable and skimmable which leads to a better UX and longer session times. Proper text spacing is incredibly important.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |