WordPress.org

1. thetattooedmama
   Member
   Posted 1 year ago #

   I am having spacing issues with my text and I can't seem to figure it out. When writing a post, line breaks and paragraphs are not recognized and everything gets jumbled together. Any solutions?

   Thanks <3

2. sewmyheadon
   Member
   Posted 1 year ago #

   Can you supply a link so we can take a look?

3. thetattooedmama
   Member
   Posted 1 year ago #

   Absolutely. It's thetattooedmama.com

4. drewactual
   Member
   Posted 1 year ago #

   you got your px and pt's mixed I think...

   for example, swap:
   .post {
   margin: 5px 10px 20px 0px;
   padding: 2px 0px 0px 0px;
   text-align: left;
   line-height: 14px;
   }

   for:
   .post {
   margin: 5px 10px 20px 0px;
   padding: 2px 0px 0px 0px;
   text-align: left;
   line-height: 14pt;
   }

   That is likely the beast which haunts you.

5. sewmyheadon
   Member
   Posted 1 year ago #

   Yup, I think drew's right.

   I prefer to specify line-height using % or ems, though, as I believe it scales a bit better when text size is bumped:

   .post {
   margin: 5px 10px 20px 0px;
   padding: 2px 0px 0px 0px;
   text-align: left;
   line-height: 170%;
   }

6. thetattooedmama
   Member
   Posted 1 year ago #

   You guys are wonderful. I will try it out now.

7. thetattooedmama
   Member
   Posted 1 year ago #

   Okay. It allowed the text to not be so jumbled together but it still isn't recognizing my paragraphs. Such as when I write something, and press enter twice to start a new paragraph.. it ends up right under the one right above it. This is so strange.

8. sewmyheadon
   Member
   Posted 1 year ago #

   Try this, Mama:

   /* Post */
   
   .post {
   margin: 5px 10px 20px 0;
   padding: 2px 0 0 0;
   text-align: left;
   line-height: 170%;
   }
   
   .post p {
   margin-bottom:1em;
   }

9. moshu
   Member
   Posted 1 year ago #

   This is so strange.

   What is so strange? All the padding & margin for p (paragraphs) are set to 0 [zero] in your stylesheet.

10. thetattooedmama
    Member
    Posted 1 year ago #

    What is so strange? All the padding & margin for p (paragraphs) are set to 0 [zero] in your stylesheet.

    Thank you. I designed the theme but had it coded, which is why I am having a hard time understanding. Not used to how it is set up.

11. thetattooedmama
    Member
    Posted 1 year ago #

    Try this, Mama:

    .post p {
    margin-bottom:1em;
    }

    It worked! I really appreciate your help. :)
    Thanks!

12. sewmyheadon
    Member
    Posted 1 year ago #

    Cheers! Glad it's working for you. :)

Topic Closed

This topic has been closed to new replies.