Text Editor: Changing Format to Heading Changes All Text Size

Anyone? This happens to me in every theme that I have ever used. Certainly, someone else has had to experience this issue before. Anyone?

This sounds like your headings are not being closed properly. In other words, that you’re missing the closing </h1> (or whatever) tag. Flip to code view and see if this is the case and if you want more assistance, please provide a link to your site.

Zoonini,
Thanks for the quick reply. I was starting to think that I was alone in this world! It looks like it’s only happening when I use a “shift+enter” to create a “br” to go to the next line. If I use a standard “enter”, I can format the heading and paragraph text separate from one another.

I’m sure this is probably something that has to be resolved by changing the margin/padding for the heading tags in the CSS. Though, I am curious to know the technical reasons as to why text placed after a line break cannot be formatted individually from a heading tag placed above the line break.

I’m interested in hearing your thoughts.

Heading tags are “block-level” elements in HTML, meaning that anything added after them automatically is placed on a new line.

I’m sure this is probably something that has to be resolved by changing the margin/padding for the heading tags in the CSS.

Yes, if you are trying to adjust the default spacing below headings, the best way to do that is not to add in a line break, but instead to edit your CSS for that heading.

Example:

h2 {
margin: 0 0 10px 0;
}

Though, I am curious to know the technical reasons as to why text placed after a line break cannot be formatted individually from a heading tag placed above the line break.

Just a quirk of the WYSIWYG editor that causes the closing heading tag not to be inserted properly. I wouldn’t worry too much about it – just don’t add manual line breaks after headings. ??

YES!

I have exactly the same problem.
Basically, You highlight a section of text – a line, or a single word, and choose H1 from the drop down menu.

Then the whole paragraph, or line gets h1. Not the bit that is selected.

EG.
<h1>THIS IS ALL H1 WHEN I ONLY SELECTED THESE TWO WORDS TO HAVE H1 APPLIED</h1>

When the selected area should have produced:
This is all h1 when I only selected these <h1>TWO WORDS</h1> to have h1 applied.

I can of course just use html but many people can’t.
Could anyone with experience in these matters shed some light on why the visual editor doesn’t work as you would expect it to?

Thanks,

Chris