12 {{ upvoteCount | shortNum }}
12 {{ upvoteCount | shortNum }}

My Stubborn WordPress Page

by Diane S
10 replies
  • WEB DESIGN
    • |
Hello All,
Here are the facts, just the facts, ma'am:
1. I have done a search at WF for how to get spaces between paragraphs on a WordPress page. I did everything suggested in the search results. I still don't have the line breaks I need.
2. I also went to WordPress codex and tried a few things. Nada.
3. By now I have tried so many things I am sure I have cluttered up my html so bad that I am doing more harm than good. So I have stopped and now come here for help. I have been at this for almost two hours now and I am about to throw the 'puter through the beautiful sliding glass doors to my left.

If anyone has time to take a look at the mess I've made, would you mind sending a PM to me and I will gratefully show you the code?

Thank you.
Diane
#line breaks wp #wordpress
  • Profile picture of the author Istvan Horvath
    It, usually, is in the CSS not in the html... unless there is something wrong how your posts/Pages are stored in the database.

    I have seen WP themes made by some idiotic designers that have 0 [zero]px margins for paragraphs. Note: if it is not defined, all the browsers would make a space between paragraphs by default!

    Here is how to check:
    1. Look at the source code (right-click > View Source) of you WP page and look if there are <p> tags around your paragraphs.
    If yes - proceed to #2.
    If no - you have an editor issue inside your WP admin.

    2. Find what is defined for
    p {...}
    in your stylesheet? (could be "post p" or "content p" or "entry p" or something similar - check the class or id in the html source)
    Signature

    {{ DiscussionBoard.errors[3412180].message }}
    • Profile picture of the author Diane S
      Originally Posted by Istvan Horvath View Post

      Here is how to check:
      1. Look at the source code (right-click > View Source) of you WP page and look if there are <p> tags around your paragraphs.
      If yes - proceed to #2.
      If no - you have an editor issue inside your WP admin.

      2. Find what is defined for
      p {...}
      in your stylesheet? (could be "post p" or "content p" or "entry p" or something similar - check the class or id in the html source)
      Istvan, I looked at the source code and saw plenty of <p> tags, so I went to step 2.

      I did a search for p {...} in many places, but never found it.
      Signature
      KimW still needs our help DONATE DIRECTLY
      My First Kindle Book: Ten Days in the Land of Smile
      {{ DiscussionBoard.errors[3420543].message }}
  • Profile picture of the author christopher jon
    Wordpress will automatically clean up your code so even if you switch the editor to html and add in <BR> or <p></p>, wordpress will remove it.

    The solution given above is the way to go. Just add a 10px or 20px bottom margin to that P and you'll be set.
    {{ DiscussionBoard.errors[3413157].message }}
    • Profile picture of the author Karen Blundell
      Originally Posted by christopher jon View Post

      Wordpress will automatically clean up your code so even if you switch the editor to html and add in <BR> or <p></p>, wordpress will remove it.

      The solution given above is the way to go. Just add a 10px or 20px bottom margin to that P and you'll be set.
      that's actually not true. This only happens if you are using the visual editor. If you deactivate the visual editor, and just use the HTML one, no code gets removed.

      however, the style.css is where Diane needs to make the change as per Istvan's instructions.
      Signature
      ---------------
      {{ DiscussionBoard.errors[3413349].message }}
  • Profile picture of the author Diane S
    .post-body p { margin: 0 0 1em 0} is what I find in the style.css

    what do I change that to?
    Signature
    KimW still needs our help DONATE DIRECTLY
    My First Kindle Book: Ten Days in the Land of Smile
    {{ DiscussionBoard.errors[3413405].message }}
    • Profile picture of the author RichKent
      Originally Posted by Diane S View Post

      .post-body p { margin: 0 0 1em 0} is what I find in the style.css

      what do I change that to?
      That should create a space, but I prefer to use px anyway - so change the 1em to 10px (or 20px if you want more space}

      and then put a semicolon ;

      after the last 0 for good measure.

      Will look like this:

      .post-body p {margin: 0 0 10px 0;}

      If that doesn't work, feel free to pm me the site link and I'll take a look.
      Signature
      Learn more about Wordpress and SEO
      {{ DiscussionBoard.errors[3413478].message }}
      • Profile picture of the author Diane S
        Originally Posted by SteveEO View Post

        I see your interested in Wordpress. I have this Plugin Available I have 10 Review Copies to be Given away. Just PM me if you are interested.
        The Plugin
        - Added the ClickBank Link Creator
        - Has Bit.ly Integration to shorten the link right there on the page
        - Allows you to have the link pre populate your swipe material
        - It also allows you to create the Java Toggle boxes!

        Cheers!
        I see you're having trouble with your spelling and also having trouble resisting the urge to spam my thread.

        Originally Posted by RichKent View Post

        That should create a space, but I prefer to use px anyway - so change the 1em to 10px (or 20px if you want more space}

        and then put a semicolon ;

        after the last 0 for good measure.

        Will look like this:

        .post-body p {margin: 0 0 10px 0;}

        If that doesn't work, feel free to pm me the site link and I'll take a look.
        Thanks, Rich, I tried that. Nothing seemed to change. I sent you a PM. Thanks very much.
        Signature
        KimW still needs our help DONATE DIRECTLY
        My First Kindle Book: Ten Days in the Land of Smile
        {{ DiscussionBoard.errors[3413791].message }}
  • Profile picture of the author Istvan Horvath
    Did you go through that troubleshooting sequence I have outlined above?

    If yes, what was the result for #1?
    Signature

    {{ DiscussionBoard.errors[3413812].message }}
  • Profile picture of the author reboot38
    I can't send PMs just yet but if you shoot me the link, I'd be happy to take a look
    {{ DiscussionBoard.errors[3415854].message }}
    • Profile picture of the author Diane S
      Originally Posted by christopher jon View Post

      Wordpress will automatically clean up your code so even if you switch the editor to html and add in <BR> or <p></p>, wordpress will remove it.

      The solution given above is the way to go. Just add a 10px or 20px bottom margin to that P and you'll be set.
      Christopher, that is what kept happening to me. Drove me crazy!

      Originally Posted by Karen Blundell View Post

      that's actually not true. This only happens if you are using the visual editor. If you deactivate the visual editor, and just use the HTML one, no code gets removed.

      however, the style.css is where Diane needs to make the change as per Istvan's instructions.
      I cannot use WP without the visual editor. Just not familiar enough with all that code. I am learning slowly. But it is not an important goal for me.

      Originally Posted by Meyerbytes View Post

      I can't send PMs just yet but if you shoot me the link, I'd be happy to take a look
      Thanks, Meyerbytes, Rich beat you to it and he was able to fix the style.css I needed extra space above the <h3> and <h2> tags on my index page. He worked his magic and I am grateful for his help.

      Thanks everyone for jumping in here and helping me out. Really appreciate it!
      Signature
      KimW still needs our help DONATE DIRECTLY
      My First Kindle Book: Ten Days in the Land of Smile
      {{ DiscussionBoard.errors[3420568].message }}

Trending Topics