• Resolved thetattooedmama

    (@thetattooedmama)


    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

Viewing 11 replies - 1 through 11 (of 11 total)
  • Can you supply a link so we can take a look?

    Thread Starter thetattooedmama

    (@thetattooedmama)

    Absolutely. It’s thetattooedmama.com

    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.

    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%;
    }
    Thread Starter thetattooedmama

    (@thetattooedmama)

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

    Thread Starter thetattooedmama

    (@thetattooedmama)

    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.

    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;
    }

    This is so strange.

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

    Thread Starter thetattooedmama

    (@thetattooedmama)

    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.

    Thread Starter thetattooedmama

    (@thetattooedmama)

    Try this, Mama:

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

    It worked! I really appreciate your help. 🙂
    Thanks!

    Cheers! Glad it’s working for you. 🙂

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Text Spacing Issues’ is closed to new replies.