WEBFI-WordPress-How to Add Single or Double Line Spacing in WordPress Easily
Are you wanting control over your single and double line spacing on your WordPress site? When using word processors like Microsoft Word you have the ability to control how your lines of text are being spaced on your site but not in WordPress. In this video, we will show you how to add single and double line spacing in WordPress.
More than anything else, the line spacing for your site is controlled by the theme that you have active. You may want to reach out to the contact for your theme for if there is a built-in option to edit this first.
By default when you press Enter on your keyboard to add a line break, WordPress will consider it the end of a paragraph and add a double line space. The only time you would not have this is if your theme overrides this feature. To only have a single line you would use the Shift key and Enter then you will not have the extra space between the lines.
To attempt to override the settings in the theme itself you will need to add some CSS to your WordPress site. You would want to start by going under Appearance, Customize and at the bottom there should be a section called ‘Additional CSS’. For the CSS that we are adding to the site, you would want to visit our written article where you can copy and paste the code without issue.
The line-height will change the spacing of each line so your single spacing will be changed based on what em value you set. For changing the spacing of the double line spacing you would want to change the padding-bottom value and for that, we normally use px rather than em.
Text version of this tutorial
http://www.wpbeginner.com/beginners-guide/how-to-add-single-double-line-spacing-in-wordpress
If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.
Check us out on Facebook
https://www.facebook.com/wpbeginner
Follow us on Twitter
http://twitter.com/wpbeginner
Check out our website for more WordPress Tutorials
http://www.wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner
source
o wow thank you – is a simple trick
This video needs to be updated to reflect 2020 WordPress. I did what you specify in the video but when I added the code to the page I was creating, it did not reflect the change once I updated it.
Thank you for posting. Lifesaver!!
Thank you so much! I was going crazy with my chosen font but this worked like a charm!
For the life of me I can't figure out how to decrease the spacing for H2 and H3 headlines. Any help here?
Hello, with WordPress 5.4.2 it doesn't work
to change the line spacing between single lines this works: p{line-height: 1.3;}
but to change also the double line spacing , this doesn't work:
p{
line-height: 1.3;
padding-bottom: 1.3;
}
only the setting "line-height: x.x;" works. Could you please help me? "padding-bottom " seems to don't work. Also with "padding-bottom: 15;"
Update: In WordPress 5.4.2 some themes have the settings menu "Appearence" -> customize -> typography. There you can change the line spacing directly, but the TwentyTwenty theme has not this setting. You have to add the CSS code but I don't find the right code.
super helpful! thank you !!! I was using line breaks and having to go through each paragraph to change my font size
Yes.. I learn a new thing …it helps me a lot to curb the double space issue while writing content in my website…Namaskar🙏
Thank you mam
thanks
Finally!! thank you!
Thank You Dear Mam
Thank you, it worked 🙂
Thank you very much… we love you!
Thank you – just what I needed and so simple!
You are the best thank you so muchhhhh for explaining so good and clear!
This is great, thank you! But how do I change the line spacing for PAGES (not posts)? My posts area already double spaced, but on my pages the lines are too close together. Also do you have a tutorial for how to set margins in CSS for both pages and posts? I have WordPress Bakery but when I use the Text Block "Design Options" for margins, the text shows up on mobiles all squished in the middle.
nice work thanks alot
Where do you find the code to paste in CSS?
THANK YOU
geesus…. life saver, thank you, THANK YOUUUUUUUUUUUUUU 😀
Wow! You've explained and demonstrated things so well! You also have the perfect voice for tutorials! Thank you for creating this video! I am still fairly inexperienced in WP and keep learning how to do the things I imagine can be done using it by searching online for tutorials and/or plugin reviews. Subscribed.
Thanks! It worked!
very useful video in sort duration. thank you so much
Thank you! So easy! I've been struggling for ever with the single and double line spacing!
Thanks
Many thanks!
thank you!!!!!!!
Thank you so much for this lesson.