Your visitors come to your website for your content, that much is obvious. However, there are many factors that affect visitors’ impressions of your website, and one of them is how your content looks. Gutenberg, the default editor of WordPress, introduced some innovations in terms of text formatting, but add a line break clicking a button is not among them. That doesn’t mean there isn’t a way Create a line break in WordPress. In fact, there are several, and we will examine them in this lesson.
One thing to keep in mind: Most of your website text depends on the theme you are using. Whether you’re trying to change the text color, increase or decrease the font sizes, or add a line break or line spacing, you may find that the theme is blocking you or some of the solutions we’re going to show you don’t work the same. all themes.
Here is what we will discuss:
A word processor (or Classical WordPress editor), usually Login Press the key on your keyboard when you want to introduce a new line. In Gutenberg the same key will just create a new paragraph block. If you want to add a blank line between two paragraphs, your theme will likely be structured this way. Most themes have spacing between paragraphs by default.
We’ll start with a simple text post filled with randomly generated text. To create a line break, simply select where you want to end the top paragraph.
After you do that, hit Login. You will have created a new paragraph block.
A theme usually interprets this automatically. You may see a line break between paragraphs in the live version of your post.
works for the same Workman When typing in the text field of the Text Editor.
For whatever reason, you may want to start typing on a new line without breaking a line. You can do this by placing the cursor where you want your top line to end and hitting it. Shift + Enter.
You will see that the text after your cursor starts on the next line but forms part of the same block.
Again, Shift + Enter command works the same Workman‘s Text Editor element.
CSS, or cascading style sheets, is part of the theme code that manages the appearance of your text, among other things. If you want to change your theme’s default options, you need to add some custom CSS to your website.
The value we will use here is em. In typography, em originally meant the width of a capital letter M for any font, and that’s where we get the extra-wide em dash (-).
To add CSS code to your theme, you need to access your theme customizer. Go to it from the menu on the left side of your WordPress dashboard: Appearance/Customize.
Next, click Additional CSS bar in the menu on the left.
The code you need to enter to change the line spacing p{line height: Xem;}, where X is the number of ems you want to allocate for each line. See how the line spacing changes if we change our line height to 3 ems.
Now you need a different piece of code to change the paragraph spacing (the space between paragraph blocks). To use p {padding-bottom: feed;}where Y is the number of ems you want between paragraphs.
Of course, you can use either or both to format your website’s text however you like. You can also change em with pixel in your code if you want to enter values in pixels.
As a result
As we’ve shown, you can pretty much change your line spacing and paragraph spacing in WordPress, provided it blends well with your theme. Regardless of the editor you are using and in no time, you can do it for a single paragraph or all of it on your website. However, keep in mind that not all settings will work for all color palettes and text layouts. It’s up to you to ensure that your text formatting settings make your text as readable as possible for your visitors.
