WordPress.org

Forums

Blog Formatting Wrong: No Spaces (11 posts)

  1. Curtisamongfriends
    Member
    Posted 4 years ago #

    Hi there

    When I publish a blog post there are no spaces between paragraphs and there are multiple font sizes.

    http://curtisamongfriends.com/home/about-2/

    Any Assistance would be greatly appreciated.

    Regards
    Curtis

  2. the different font sizes for emphasized text are caused by

    em {font-size: 11px; font-style: normal;}

    in brown.css of your theme.

    and there is no style for margin below paragraphs;

    try and add something like this to style.css:

    .article p {margin-bottom:20px;}

  3. Curtisamongfriends
    Member
    Posted 4 years ago #

    Thanks for the help

    Just checking if I can paste .article p {margin-bottom:20px;} anywhere in the style.css or is there a specific place?

    Thanks again for the help

  4. Just checking if I can paste .article p {margin-bottom:20px;} anywhere in the style.css or is there a specific place?

    my mistake - it should go into brown.css

    as this is a new style, you could theoretically put it anywhere; however, you may have some organisational structure in brown.css - then add it to a suitable place.

  5. Curtisamongfriends
    Member
    Posted 4 years ago #

    ok, well. It helped with the first paragraph which i suppose is a start. Any other suggestions. Also my first picture is actually centred (the html shows it as centred) and my numbered points are indented.

    Thanks again for your time.
    curtis

  6. Curtisamongfriends
    Member
    Posted 4 years ago #

    ok, well. It helped with the first paragraph which i suppose is a start. Any other suggestions. Also my first picture is actually centred (the html shows it as centred) and my numbered points are indented.

    Thanks again for your time.
    curtis

  7. try to press 'ctrl f5' at the same time to clear the browser cache; or 'reload' on the browser - that should make the css changes visible.

    for the image alignment, you could try and add:

    .aligncenter{display:block;margin:0 auto;}
    .alignleft{float:left;}
    .alignright{float:right;}

    lists:
    these are the styles for the list in the content area:

    #col1 ul li {margin-right: 8px; list-style: inside; list-style-type: square;}
    
    #col1 ol li {margin-right: 8px; list-style: inside; list-style-type: decimal;}

    http://www.w3schools.com/css/css_list.asp

  8. DianeV
    Member
    Posted 4 years ago #

    Just a note, Curtisamongfriends — those are not paragraphs (made with the <p> tag, but bulleted lists, which are made with lists tags, as alchymyth mentioned.

  9. Curtisamongfriends
    Member
    Posted 4 years ago #

    ok cleared cache but the paragraphs are still out?
    The image alignment worked
    and I edited the list style and it worked so thanks.

    Any other suggestions for paragraph? Diane, thanks for the help (I think) but I have no idea what you just said :)

  10. DianeV
    Member
    Posted 4 years ago #

    Okay. See on your http://curtisamongfriends.com/home/about-2/ page where the "paragraphs" don't have spaces below them? That's because they're not actually paragraphs.

    Those are called "lists" ... first, the bulleted list (the "paragraphs" with the dot to the left) and the numbered list (with the 1, 2 and 3 to the left).

    Changing the style for the <p> tag (the paragraph tag) will not affect these, because they're not paragraphs. You'll need to change the styles for the lists:

    <ul> is the "unordered" list ... the bullets
    
    <ol> is the "ordered" list ... the numbers

    If you're going to be doing this yourself, you'd be best off if you learned a bit about Cascading Style Sheets (such as your brown.css), so that you're not hampered each time by the next thing you don't know. This can be a bit tricky, but I recommend http://htmldog.com ... start with the CSS Beginner section.

  11. soflanetworking
    Member
    Posted 3 years ago #

    was looking for formatting points, and just wanted to say thanks for the above link to htmldog.

Topic Closed

This topic has been closed to new replies.

About this Topic