Why does the format of my post get jumbled up every time I click ‘save draft’?
-
I am working on a new post, but every time I edit the post and then click ‘save draft’, the format of my post gets jumbled up. Specifically some of the line spacing and gaps between different paragraphs and pictures are removed and jumbled around. I have tried re-editing my post and re-inserting the spacing, but it resets itself every time I click ‘save draft’. Why is that? Am I not spacing my paragraphs correctly? I press shift + enter when doing a line spacing, and just enter when I want a new paragraph. I appreciate any help, thanks.
The blog I need help with is: (visible only to logged in users)
-
hi,
Please let us know whether you are having this issue on:
1. PC or Mac
2. mobile device (tablet or phone), Android or iOS
? -
-
Hi there,
Did you copy and paste the content from a different document? It could be that it has copied over some code that shouldn’t be there. If you toggle over from the visual to HTML view within the new post, you may see some extra and tags. I found this article which I hope you might find helpful. It states that removing these might prove helpful.
Fixing WordPress Paragraph Spacing (When the Visual Editor Misleads You)
All the best
Candi
-
My apologies. I posted before I had finished. The post was meant to read as below:
Did you copy and paste the content from a different document? It could be that it has copied over some code that shouldn’t be there. If you toggle over from the visual to HTML view within the new post, you may see some extra div tags. I found this article which I hope is relevant.
Fixing WordPress Paragraph Spacing (When the Visual Editor Misleads You)
-
Thank you Candi, I appreciate your help!
I wrote the post directly on my website. I had a look at the HTML view, as you suggested, but could not find any div tags in there. Thank you for the tip though!
Maybe I’m supposed to add in spacing code myself.. seems like the code translates to a line space so I shall try and insert that in the appropriate spots. I just hope that I won’t have to manually insert that code whenever I write a new post.. seems confusing to me at the moment!
Thanks again,
Chloe
-
-
Hi Chloe,
Specifically some of the line spacing and gaps between different paragraphs and pictures are removed and jumbled around.
Just to clarify, you’re adding in extra line breaks by pressing Enter multiple times, or adding extra spaces by pressing the Spacebar?
That won’t work.
You can do that in a word processor, but not in an online web editor, as HTML does not like whitespace in a document, and any extra spaces or line breaks get stripped out automatically when you save or publish your post.
If you want to add extra blank lines to a post or page, you need to use what is called a non-breaking space HTML entity. That is the nbsp you mentioned in your last reply:
https://en.support.wordpress.com/advanced-html/#extra-line-breaks
And if you post an image and some text, and you want the next paragraph of text to only start after the image, rather than under the previous paragraph where it’s still next to the image, you need to switch to the HTML editor and add in this after the image and first paragraph of text:
That will force whatever you add after that line of code to go to the first new line under the image.
Please let me know if you have any more questions about this.
-
The forum appears to be stripping out the code I’m trying to give you. You can see the line of code you need to use for this here:
-
Thank you very much for your help!
That link was very useful, I hadn’t realised this: “But a word of warning! If, after adding those spaces, you click back to the Visual editor before publishing or updating your post, those spaces will be stripped out again.”
Every time I added the spaces on the HTML editor, I’d switch back to text editor before saving so my spaces kept being removed. I’ve managed to add the spaces now, thank you again!
-
- The topic ‘Why does the format of my post get jumbled up every time I click ‘save draft’?’ is closed to new replies.