spaces between paragraphs and pictures on one line

  • Resolved chiknpa1

    (@chiknpa1)


    15 years, 4 months ago

    Hi all,
    I’m brand new to www.remarpro.com and previously used blogger. I’m in the process of going back through posts and re-linking, and re-adding photos. I’m noticing that, when i go into a post to edit, my paragraph and spacing goes haywire and i’m sure this is also going to happen when i do a new post (which i haven’t yet).

    1)what do i need to do to make spaces show up between paragraphs
    2)how to i ensure that a picture is on a line all its’ own (sometimes, the next paragraph shows up on the side of the picture

    thanks in advance!!

Viewing 6 replies - 1 through 6 (of 6 total)

  • 1. Use a stylesheet that doesn’t remove top/bottom margins from paragraphs.

    2. Use Align: Centre or Align: None when inserting an image.

    Thread Starter chiknpa1

    (@chiknpa1)

    how do i know if the stylesheet uses that? can i add a code to my existing stylesheet?

    i have been using align center or align none, and it still adds words to the side of the image.

    how do i know if the stylesheet uses that?

    If you understand CSS, you can “read” the stylesheet. Otherwise, it’s simply a case of checking the final published pages.

    can i add a code to my existing stylesheet?

    You can amend a theme’s stylesheet, yes.

    i have been using align center or align none, and it still adds words to the side of the image.

    Without seeing your site, there’s not a lot I can do to pinpoint the problem and/or suggest a solution.

    Thread Starter chiknpa1

    (@chiknpa1)

    Sorry – my address is https://chiknpastry.com

    what code should I add to have the spacing keep top/bottom margins, or should I add ‘padding’ to a certain section?

    a good example is the “about” page , for the pictures

    To add some paragraph margins, try edting style.css and changing:

    #content p {
line-height:20px;
margin:0;
padding:0 0 5px;
}

    to

    #content p {
line-height:20px;
margin:0 0 20px;
padding:0 0 5px;
}

    To sort out the image alignment problem, change:

    #content p img {
border:medium none;
float:left;
margin-bottom:10px;
margin-right:15px;
padding-top:7px;
}

    to

    #content p img {
border:medium none;
margin-bottom:10px;
margin-right:15px;
padding-top:7px;
}
    Thread Starter chiknpa1

    (@chiknpa1)

    awesome – thanks so much!!!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘spaces between paragraphs and pictures on one line’ is closed to new replies.