Blog styling css

Thanks for the help, @salsaturation!

@shaggyshoogz – in addition to what salsaturation mentioned, inline styling makes it difficult to override formatting with custom CSS. As you can see above, salsaturation was forced to use many instances of !important, which is generally bad practice, and isn’t normally needed, as it can cause big headaches down the road if you then try to make additional CSS changes.

I also wanted to mention that I’d suggest using a unit other than pt, which is not commonly used on the web, but more of a print standard. I would suggest px (pixels) or em instead.

The inline styling was probably added if you used the justify or size buttons in the toolbar. Generally if you’re applying styles to an entire post or to the whole site, it’s much better to use custom CSS, since you can do it in one place rather than having to repeat the formatting. It’s also easier to change down the road via the custom CSS panel in the Customizer.

Just let me know if you have any other questions!

• This reply was modified 8 years, 11 months ago by Kathryn Presner. Reason: typo

My pleasure! Using the formatting toolbar is OK for a small adjustment here and there, but for formatting that you need to repeat over and over, custom CSS is usually better.

I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.

@shaggyshoogz

Close!

<h3> This is the title of my blog <h3>

The closing tag needs to look like </h3> – note the slash before the “h.”

<p> This is the content of my post <p>

You don’t need to add paragraph tags in the editor – WordPress adds those automatically after you save the post.

So you can just write:

This is my first interesting paragraph.

This is another very fascinating paragraph.

And WordPress will add the paragraph tags for you, you just won’t see them in the editor.

Once you have one post where the inline styles have been removed, feel free to pop a link to it here. We’ll be able to simplify the CSS that was given to you earlier.

Cool! @shaggyshoogz one thing I noticed is that you’re missing the space that’s usually displayed below paragraphs. That’s because you have line breaks instead of paragraph breaks between them.

For example, for this section:

if you flip to the HTML/Text editor, you’ll probably see something like:

There are some exercises that should be the basis of all of your workouts, on the flip side there are some that shouldn’t see the light of day if you value your joints.
As the fitness industry has progressed from the golden era it has become apparent that certain movements are more likely to cause long term damage than others, we're not talking about poorly executed movements, that's an entirely separate article! We're interested in the ones that even when done with good form will potentially lead to injuries and problems later on in life.

Try adding a blank line between them so it looks like this in the editor:

There are some exercises that should be the basis of all of your workouts, on the flip side there are some that shouldn’t see the light of day if you value your joints.

As the fitness industry has progressed from the golden era it has become apparent that certain movements are more likely to cause long term damage than others, we're not talking about poorly executed movements, that's an entirely separate article! We're interested in the ones that even when done with good form will potentially lead to injuries and problems later on in life.

Do that between each set of paragraphs. Let me know how it goes!

You’re very welcome!