WP- "Line Breaks" Between Paragraphs?? Doesn't always Work?

8 replies
  • WEB DESIGN
  • |
hello warriors,

I have noticed this using more than a single type of theme in WP, that when I'm creating text in a post or page, It may display on the updated site when I attempt to put space in between paragraphs as an example, or it may not?

I try it in "visual" then if it doesn't "take" I go into html mode. I don't understand the rhyme or reason?

I might try a "<br>" or spans or some other effort to insert a line break between paragraphs and it doesn't always work?

Those type of things seem to work in a true "code world" but for some reason it works sometimes in a post?

I don't understand? can someone shed some light?

thank you mates!

Dano~
#line breaks #paragraphs #work
  • Profile picture of the author Dano1981
    well!

    I think I found the answer myself!

    <p align="left">&nbsp;</p>

    I found that searching for an answer, and I must say it does seem to work!

    Dano~
    {{ DiscussionBoard.errors[3419989].message }}
  • Profile picture of the author christopher jon
    I try it in "visual" then if it doesn't "take" I go into html mode. I don't understand the rhyme or reason?
    The wordpress visual editor automatically cleans up code, which is why those elements are removed.

    You can add them via the html editor and they will stick but if you switch back to the visual editor on the post or page you'll lose them.

    Sounds like poor CSS if you're having to add spaces between paragraphs.
    {{ DiscussionBoard.errors[3420014].message }}
    • Profile picture of the author Dano1981
      very interesting thanks for pointing that out about
      "switching back to visual" I never knew that!

      if I may ask one last thing?

      The "editor" in WP blogs is a very tight "working space" I was in one of my blogs some days ago and saw for the first time something that I was able to "click on" that "expanded" my writing or composing "easel" if you will

      but now I don't recall what I did to get a "bigger editor view" and
      I don't seem to see it anymore?

      I'm positive it was wordpress?

      do you happen to know what I'm referring to?

      thank you very very much!

      Dano~

      Originally Posted by christopher jon View Post

      The wordpress visual editor automatically cleans up code, which is why those elements are removed.

      You can add them via the html editor and they will stick but if you switch back to the visual editor on the post or page you'll lose them.

      Sounds like poor CSS if you're having to add spaces between paragraphs.
      {{ DiscussionBoard.errors[3420065].message }}
    • Profile picture of the author Dano1981
      chris it's driving me nutz!

      it seems like even if I save something (page break via the indicated method) and then continue to add more content (doing "pages" not "posts")
      it seems to remove "line breaks" I had saved earlier!!!!


      is that accurate?

      it's not amusing at all!

      EDIT!! Chris I just did a test and sure enough it removes them like clockwork
      how then can I get them to stay??? log out and then back in? not sure?
      will it work this way till the end of time, even on edits I've made "Before, maybe days before?" does if have any window of time in which those "edits" will stay put"?

      Dano~

      Originally Posted by christopher jon View Post

      The wordpress visual editor automatically cleans up code, which is why those elements are removed.

      You can add them via the html editor and they will stick but if you switch back to the visual editor on the post or page you'll lose them.

      Sounds like poor CSS if you're having to add spaces between paragraphs.
      {{ DiscussionBoard.errors[3420081].message }}
  • Profile picture of the author Abledragon
    Dano, hi,

    It sounds like you've come up against the WordPress HTML filters. I use the Raw-HTML plugin to get around this - it's worked well for me for ages.

    I reviewed it here:

    Raw-HTML: How to Beat the WordPress HTML Filters | WealthyDragon

    Cheers,

    Martin.
    Signature
    WealthyDragon - Earning My Living Online
    {{ DiscussionBoard.errors[3420161].message }}
  • Profile picture of the author SteveJohnson
    The Raw HTML plugin is for those who still try to use a computer like it was a typewriter.

    Sorry, that was a little condescending.

    The editor, and WP, strip out multiple <br /> tags, and multiple returns, because they are not proper HTML.

    Spending a few minutes learning some basic CSS will solve all of your problems.

    Say you've typed a paragraph that you want some spacing under. You go into the HTML tab, if you weren't already, and you wrap that paragraph in a paragraph tag:

    HTML Code:
    <p>This is my paragraph. I want a bunch of spacing after it.</p>
    Then you add some styling to the tag:

    HTML Code:
    <p style="margin-bottom: 35px;">
    This is my paragraph. I want a bunch of spacing after it.
    </p>
    Then you save and preview your post, and adjust the margin figure according to what you want.

    30 seconds, you're done, and the HTML editor won't strip out your margin.
    Signature

    The 2nd Amendment, 1789 - The Original Homeland Security.

    Gun control means never having to say, "I missed you."

    {{ DiscussionBoard.errors[3420494].message }}
  • Profile picture of the author christopher jon
    The "editor" in WP blogs is a very tight "working space" I was in one of my blogs some days ago and saw for the first time something that I was able to "click on" that "expanded" my writing or composing "easel" if you will
    to fix this,

    in the admin -> settings -> writing -> the first option is Size of the post box, change it to a larger number. I like 20 myself. Also, at the bottom right of the post edit box you can manually drag and expand the size of the editor.

    As for the other problem. http://www.warriorforum.com/website-...ress-page.html might provide some additional help.

    If it's more spacing between lines and paragraphs you want, it's a CSS issue.

    If you're trying to do something old school <BR><BR><BR><BR><BR> to create a lot of extra space, WP doesn't like it and will strip out all of that code unless you only use the HTML editor. You can disable the visual editor but that isn't really an acceptable solution for most. I haven't tried SteveJohnson's solution but it looks solid and should work as well.
    {{ DiscussionBoard.errors[3424513].message }}
  • Profile picture of the author Evan-M
    another solution is to add something similar to this in your style sheet

    .widecolumn .entry p { padding-bottom:10px;}

    and

    .narrowcolumn .entry p { padding-bottom:10px;}
    Signature

    Evan-M

    Easily The Worlds Best Wordpress Popup plugin

    Visit Website Design Firm For All Your Wordpress Coding Needs

    {{ DiscussionBoard.errors[3424678].message }}

Trending Topics