WordPress.org

Ready to get started?Download WordPress

Forums

Space Between Paragraphs (26 posts)

  1. Servant2All
    Member
    Posted 4 years ago #

    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?

  2. krembo99
    Member
    Posted 4 years ago #

    you have to define it in the CSS..
    please post the URL of the blog....

  3. Servant2All
    Member
    Posted 4 years ago #

    @ krembo99

    http://www.propontiff.com

    Unfortunately, I'm not familiar with CSS formatting. But I AM a quick study and follow directions fairly easily. tell me what to do.

  4. RMerey
    Member
    Posted 4 years ago #

    I have exactly the opposite problem concerning it.
    How to sometimes avoid the space between paragraphs.

  5. krembo99
    Member
    Posted 4 years ago #

    add

    .postContent P
    {
    	margin-top: 1.3em; /**or any other value you want**/
    }

    also, your css has numerous problems that make the browsers render incorrectly.

    Fix this :
    Line 109

    border-radius:3px; (DELETE)

    Line 200

    #menu{
    width:700px;
    position:relatvie; /**Change to relative
    text-transform:uppercase;
    }

    line 242

    Delete "}"

    you have some more ... but start with those

  6. Mr. Vibe
    Member
    Posted 4 years ago #

    @RMerey When you write a post go to HTML tab and look for that paragraph that you want no space and add this:

    <p style="margin:0;padding:0;">
       Your text should be here...
    </p>
  7. esmi
    Theme Diva & Forum Moderator
    Posted 4 years ago #

    Switching back & forth between the Visual Editor and the HTML tab isn't a good idea. The switching itself can seriously mess up your post's formatting.

  8. Servant2All
    Member
    Posted 4 years ago #

    @ krembo99
    I haven't a CLUE as to where and what you are talking about. Could you possibly include the MISSING details of your tutorial.

  9. Servant2All
    Member
    Posted 4 years ago #

    @krembo99 Okay, I changed a couple of things -- hopefully I did them right. There are no line numbers to follow Thus, I had to look for groupings of data that matched what you mentioned. I didn't know where to delete the "}"
    Still nothing changed.

  10. Servant2All
    Member
    Posted 4 years ago #

    @ krembo99 Okay, I think I found the out of place, extra "}" and deleted it.

  11. Servant2All
    Member
    Posted 4 years ago #

    HELP!!!!

  12. miocene22
    Member
    Posted 4 years ago #

    did you add

    .postContent p
    {
    	margin-top: 1.3em; /**or any other value you want**/
    }

    to your css file?

    That should give your paragraphs more spacing.(Make sure the "p" in .postContent p is lowercase as krembo99 typed it in uppercase.)

  13. krembo99
    Member
    Posted 4 years ago #

    you still have the error on line 242

    Delete "}"

  14. Servant2All
    Member
    Posted 4 years ago #

    Thanks for all the help, guys -- especially krembo99 and miocene22. I finally got the results I sought. krembo99 - I think I removed the "}" from line 242, but I didn't count (and as I said, the lines aren't numbered in my editor). But I really thank you for you kindness. I learned the limited html at my disposal from W3 Schools and I haven't yet availed myself of any of their css tutorials. At some point, I will, but I appreciate your patience. Fell free to tell me about any other errors that you see. Peace!

  15. krembo99
    Member
    Posted 4 years ago #

    line 362

    font-siez:14px;

    should be

    font-size:14px;

    Line 483

    margin-left:-3px;px;

    should be

    margin-left:-3px;

    Line 536
    same exact error as 483

    margin-left:-3px;px;

    should be

    margin-left:-3px;

    Line 552

    text-decoration:uppercase;

    Does not exist,

    it should be

    Text-transform:uppercase;

  16. cusicphoto
    Member
    Posted 4 years ago #

    Krembo, I am having the same problem with the Journalist theme! Started today... any new post does not include any spacing between paragraphs, no matter how many times I hit the Return key...:-( Would love some of your expertise as well! http://www.CusicPhotoBlog.com

  17. krembo99
    Member
    Posted 4 years ago #

    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..

  18. cusicphoto
    Member
    Posted 4 years ago #

    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! :-)

  19. krembo99
    Member
    Posted 4 years ago #

    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 ...

  20. krembo99
    Member
    Posted 4 years ago #

    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/**
    }

  21. cusicphoto
    Member
    Posted 4 years ago #

    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?

  22. krembo99
    Member
    Posted 4 years ago #

    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)

  23. cusicphoto
    Member
    Posted 4 years ago #

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

  24. krembo99
    Member
    Posted 4 years ago #

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

  25. RMerey
    Member
    Posted 4 years ago #

    Thank You wpthemes!

  26. asangvin
    Member
    Posted 3 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic