11 {{ upvoteCount | shortNum }}
11 {{ upvoteCount | shortNum }}

How do I space lines of text with blogs?

by gjd6599
9 replies
How do I space out lines of text on a blog. If I have a headline in my content area, and I don't want my text to start for three or four lines down, how do I do that. I know I can use this code      &nbsp like I once did with Front Page, but there must be a better way with blogs.

Example:

Read All About It In My Report Now!

"how do I keep these 2 lines spaced like this"

I want to tell you about a new way to….

Thanks Glenn
#blogs #lines #space #text
  • Profile picture of the author Istvan Horvath
    Short answer: CSS - style.css of your theme.

    Long answer: WP adds one line break <br> when you hit enter. It also starts a new paragraph <p> when you hit enter twice.
    IMPORTANT NOTE: I am always talking about the normal html editor, never about the Visual (wysiwyg) thing which I hate...

    The "distance" - technically called margin - for your headings or paragraphs and for everything is defined in your stylesheet, as top or bottom margins for those elements.

    That's how people do it
    Signature

    {{ DiscussionBoard.errors[2863398].message }}
    • Profile picture of the author asnorth
      If it's a self hosted wordpress blog then wordpress ignores multiple line breaks, however there is a plugin to overcome this. Under plugins search for TinyMCE Advanced and check the settings.

      Tony
      Signature

      Connect with me on Google+

      {{ DiscussionBoard.errors[2864086].message }}
      • Profile picture of the author asnorth
        Originally Posted by asnorth View Post

        If it's a self hosted wordpress blog then wordpress ignores multiple line breaks, however there is a plugin to overcome this. Under plugins search for TinyMCE Advanced and check the settings.

        Tony
        For further information for anyone else having this problem.
        If you go into the TinyMCE Advanced "Settings" at the bottom is a red box that says advanced.
        Select the check box next to:
        Code:
        stop removing the <p> and <br /> tags when saving and show them in HTML editor 
That should allow you to add multiple breaks without wordpress stripping them.
        Hope that helps
        Tony
        Signature

        Connect with me on Google+

        {{ DiscussionBoard.errors[2867547].message }}
        • Profile picture of the author Bob B
          An easy way for adding extra returns that I use is just to put one or more full stops like below
          .
          .
          .
          like that - and then use the color panel to make those full stops the same color as the background of your blog (usually white but not always). Thus they become invisible and all you see is line spaces.

          Does that make sense?

          Bob
          {{ DiscussionBoard.errors[2867600].message }}
    • Profile picture of the author tpw
      Originally Posted by Istvan Horvath View Post

      Short answer: CSS - style.css of your theme.

      Long answer: WP adds one line break <br> when you hit enter. It also starts a new paragraph <p> when you hit enter twice.
      IMPORTANT NOTE: I am always talking about the normal html editor, never about the Visual (wysiwyg) thing which I hate...

      The "distance" - technically called margin - for your headings or paragraphs and for everything is defined in your stylesheet, as top or bottom margins for those elements.

      That's how people do it

      On the css from the paragraph or p. add the following:

      margin-bottom:15px;
      Signature
      Bill Platt, Oklahoma USA, PlattPublishing.com
      Publish Coloring Books for Profit (WSOTD 7-30-2015)
      {{ DiscussionBoard.errors[2867694].message }}
  • Profile picture of the author BrianDowns
    Sometimes even the tags won't work... So what I do is hit enter and hit the space bar each time I want to add a blank line.

    If you want to add a small space: hit enter, change your font size to something small, then hit the space bar. In this way you will add a blank space in the size you specified...

    Or you can add a larger size by changing the font to a larger size.

    It took me a while to figure that one out... but it works simply.
    Signature
    Stop wasting time fighting for wimpy commissions - Make $1,497 a day by next week!
    {{ DiscussionBoard.errors[2867572].message }}
  • Profile picture of the author zengetsu
    There is a HTML coding line for a line break <br>
    Signature
    =Data extraction, scraping, crawling= ★BOTGURUZ.COM★
    {{ DiscussionBoard.errors[2867576].message }}

Trending Topics