Blog

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

29 Comments

  • Sourav Dutta on June 29, 2020

    o wow thank you – is a simple trick

  • Byron Gordon on July 2, 2020

    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.

  • Barbara Codner on July 8, 2020

    Thank you for posting. Lifesaver!!

  • Jessica on July 12, 2020

    Thank you so much! I was going crazy with my chosen font but this worked like a charm!

  • RUN GUYS on July 13, 2020

    For the life of me I can't figure out how to decrease the spacing for H2 and H3 headlines. Any help here?

  • Tyco072 on July 19, 2020

    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.

  • Denisse Perez on August 11, 2020

    super helpful! thank you !!! I was using line breaks and having to go through each paragraph to change my font size

  • Sankalp Job Update on August 12, 2020

    Yes.. I learn a new thing …it helps me a lot to curb the double space issue while writing content in my website…Namaskar🙏

  • AHSANUL MAHBUB JOBAYER on September 4, 2020

    Thank you mam

  • Notun Alo Protidin on September 21, 2020

    thanks

  • Vanna Villa on September 28, 2020

    Finally!! thank you!

  • ಉದ್ಯೋಗ ಬಿಂದು on September 30, 2020

    Thank You Dear Mam

  • AdeBunmi Lambo on September 30, 2020

    Thank you, it worked 🙂

  • aseef new on October 7, 2020

    Thank you very much… we love you!

  • Jess on October 15, 2020

    Thank you – just what I needed and so simple!

  • Vanessa Morales on December 4, 2020

    You are the best thank you so muchhhhh for explaining so good and clear!

  • Coco Beach on January 15, 2021

    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.

  • Hamza Status on February 19, 2021

    nice work thanks alot

  • Primobody Fitness on April 11, 2021

    Where do you find the code to paste in CSS?

  • Martim on April 27, 2021

    THANK YOU

  • Alxdz on May 14, 2021

    geesus…. life saver, thank you, THANK YOUUUUUUUUUUUUUU 😀

  • Jeff Harris on June 20, 2021

    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.

  • Joe Henkel on July 3, 2021

    Thanks! It worked!

  • Sarkari Niyam on July 9, 2021

    very useful video in sort duration. thank you so much

  • Megan Sutherland on July 31, 2021

    Thank you! So easy! I've been struggling for ever with the single and double line spacing!

  • Re-do on August 11, 2021

    Thanks

  • Hamed Naderi on August 26, 2021

    Many thanks!

  • vvn n on September 29, 2021

    thank you!!!!!!!

  • celia sennon on December 23, 2021

    Thank you so much for this lesson.

WhatsApp us
Live Chat

Office hours operation Mon-Sun 8:00 am ET – 4:00 pm ET

To start your Premium WP or Cpanel service, use our domain search engine, if the domain you want is available, contact us by Whats app to activate your project.

The easiest, fastest, and most secure way to communicate with us.
loading
Please enter your domain.
Please verify that you are not a robot.

Terms Privacy

 

 

error: WEBFINET SECURITY IS ON