Formatting WP Posts

by 7 replies
9
I'm really getting frustrated because my posts seem to take way too much effort to get them formatted correctly. The real issue I'm having is spacing between paragraphs.

So first I select the visual tab, paste the text in, then get the spacing between paragraphs correct. When I click update, the spacing changes completely. Then I redo it, click update and it looks good. But when I look at the post on the site, the paragraph spacing is totally screwed up.

What am I doing wrong? Is there an easy solution or is this just a limitation with WP?

Thanks!
#website design #formatting #posts
  • Paul,

    For the most part it is an issue with WP and (to the best of my knowledge) there isn’t anything you can do about it. I have worked around it from time to time by using the text editor instead of the wysiwyg editor. Sometimes you will notice arbitrary code in there when you switch back and forth from text to visual editor.

    Perhaps someone else knows of a fix or better work around.

    Best,

    Shawn
    • [ 1 ] Thanks
  • Banned
    It's diferent between editor and html mode when you saved your post. Check again and you need to save in html editor.
    • [1] reply
    • Are you referring to saving in a 3rd party html editor like coffee cup and then pasting the code into wordpress?
  • I think there are some problems with your style.css file. Try to adjust line-height, padding, margin of your paragraphs
    • [ 1 ] Thanks
  • This is a common frustration in Wordpress. With everything they get right, you'd think they could do better with their wysiwyg editor.

    Try switching to the text editor, adding an extra line between paragraphs, then putting this code on that line:  
    • [ 1 ] Thanks
  • maybe it will fix everything if you change your wordpress theme, or you can try editing it on html editor.
    • [ 1 ] Thanks
    • [1] reply
    • Many themes allow a custom css file. If your theme does, add a css file and add an entry for the paragraph used in the posts.

      Using the theme Twenty Twelve as an example, it uses <div class="entry-content"> for the posts.

      The css code to add in that case would be
      Code:
      p.entry-content {margin-top:10px;
margin-bottom:1px;
margin-right:1px;
margin-left:1px;
padding-top:1px;
padding-bottom:10px;
padding-right:1px;
padding-left:1px;}
      You can adjust the spacing of/around the paragraphs precisely by adjusting the margins and or padding.

      If your theme does not provide for adding custom css entries, you can do it by creating a child theme and adding an entry as above to the child theme stylesheet.
      • [ 1 ] Thanks
Join the discussion

Next Topics on Trending Feed

  • 9

    Formatting WP Posts

    I'm really getting frustrated because my posts seem to take way too much effort to get them formatted correctly. The real issue I'm having is spacing between paragraphs. So first I select the visual tab, paste the text in, then get the spacing between paragraphs correct. When I click update, the spacing changes completely. Then I redo it, click update and it looks good. But when I look at the post on the site, the paragraph spacing is totally screwed up.