• I am new to the whole HTML thing, but have learned a few basics from a site online. I’m using the theme “Professional-Blog 1.3” by Bingo Web Design and I can’t seem to ever get a space between paragraphs. I have no idea if this is s WordPress thing or the formatting of the theme I am using. The paragraph will start anew when I use the appropriate html code:
    (“<p>”), but I can’t get any space between the paragraphs for a more professional look. I even try using two or three “p” tags to no avail. Can somebody help me?

Viewing 10 replies - 16 through 25 (of 25 total)
  • well, First of all I must say you have an amazing collection of photos there .. (I used to be a photographer in my youth, now only as a hobby..). really impressive work !
    IMHO, those are the best wedding pics I have ever seen, anywhere..

    About your problem, in your theme, the P tag IS defined.. in fact, I could actually see where you had hit the resturn key between images.

    Could you please post a specific example where your problem occurs ?

    and a word of advice (this is because your work is really amazing).

    It is easy to miss the posts on your site. in fact, the first time I went there, I thought there are no posts, just a single big page.. maybe you should link the images to the post page, or maybe put just 2-3 images from each post on the front page (linked as well) so that people will not miss the posts..

    Hi Krembo, thank you so much! And thank you so much for the critique! My current post (posted a week ago) turned out just fine. Yesterday, I edited it and added some more space between the paragraphs, hit “update post” and now, all of the spaces have disappeared. The current post is reflective of how all my drafts look now. Thanks so much for your feedback, I really appreciate it and am still trying to figure out how to fix this! ??

    ok.. I think now I understand your problem .(but not 100% sure)

    Wat you aim at is actually having more space between the texts and the photos??

    If so, you can just increase the margin of the photos , or the P tag ..

    to increase the margin of the photos

    .main IMG
    {
    padding: 2px;
    border: 2px solid #DDD;
    margin-top:3em;/* Or 70px or whatever*/
    }

    This is not a perfext solution, because it will increase the margin ON ALL PHOTOS.

    WordPress is actually taking off empty <p> tags.
    There is another, more sophisticated way of getting around this , and it is something I use in a lot of themes , but it is a bit more complicated to implement, and requires a special function.
    The method I am talking about is actually SEPARATING the Images and Text from the posts , thus giving the TEXT a different CLASS for easier control.

    This is not implemented in your theme right now, so changing P attributes will change both the photos AND the text …

    while writing the above reply, I realized there is another method of making larger space in your theme …

    Right now your <P> has 15px margin at bottom

    so

    you can change this

    .main P
    {
    line-height: 18px;
    margin: 0 0 15px;
    }

    to this :

    .main P
    {
    line-height: 18px;
    margin: 0 0 50px; /** or 3em or whatever/**
    }

    And add this :

    .main P IMG
    {
    margin-bottom: -35px;
    /** 50-35=15px – your original margin/**
    }

    Hey Krembo! :_) The problem is definitely lack of space… hit the return key and nothing happens. I’d like my photos to have some breathing room, but the return key does nothing! The photos are stacked together with no space. I have no CSS skills at all. Is what you’re suggesting increasing the margin-top?

    yes, it will increase the margin at the top of the images ONLY when when appearing after TEXT
    If you want to increase all margins, just ignor the negative margin (do not add .main P IMG )

    Note that this will change ALL OVER the blog, meaning, that the OLDER posts, where you had multiple empty <p> , will have also larger spaces .. maybe even too much . (or just delete the empty P)

    Ok and thank you so much! Any idea why just using the return key won’t work any more?? ??

    because of the auto formatting for <P> tag function.

    Thank You wpthemes!

    I have tried all the above suggestion in my effort to make the space between the paragraphs to shrink. However, I had no success.

    What I was doing is to insert (all) the code you propose above (one at a time, not all at the same time). I also played around with capitals vs small letters.

    Can you suggest why?
    Thanks.
    A.

Viewing 10 replies - 16 through 25 (of 25 total)
  • The topic ‘Space Between Paragraphs’ is closed to new replies.