Blog Formatting Wrong: No Spaces

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

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.

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

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

https://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.

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 https://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 https://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.