Viewing 10 replies - 1 through 10 (of 10 total)
  • 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;}

    Thread Starter 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

    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.

    Thread Starter 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

    Thread Starter 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

    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

    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.

    Thread Starter 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 🙂

    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.