Support » Fixing WordPress » Blog Formatting Wrong: No Spaces

Viewing 10 replies - 1 through 10 (of 10 total)
  • Michael

    (@alchymyth)


    Forum Moderator


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

    Curtisamongfriends

    (@curtisamongfriends)


    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

    Michael

    (@alchymyth)


    Forum Moderator


    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.

    Curtisamongfriends

    (@curtisamongfriends)


    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

    Curtisamongfriends

    (@curtisamongfriends)


    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

    Michael

    (@alchymyth)


    Forum Moderator


    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

    DianeV

    (@dianev)


    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.

    Curtisamongfriends

    (@curtisamongfriends)


    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 🙂

    DianeV

    (@dianev)


    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.

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

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Blog Formatting Wrong: No Spaces’ is closed to new replies.