Why is there an issue with the paragraph spacing in Articles? | Communifire Support

Hello, 

We are having an issue with the spacing not showing correctly in the Article section of a space. On our back end, it shows that the spacing between paragraphs is correct but upon saving the article, the spacing does not apply. 

We had the same issue happen on our Wiki text, but we were able to fix it by turning the normal, default font to paragraph format and then saving. This does not seem to work on the articles. Even in paragraph format, the spacing will not take.

Photo is attached for example. Can you please advise?

Hi Brittney,

Do you want to increase the spacing above the "Provide a profile photo..." line?

Grace

Hi Brittney,

You can with following CSS if you want to reduce the spacing there.

.axero-entity-formatted-content p {
    padding: 0;
    margin-top: 10px;
}

Thanks,
Raghav

Yes- as well as the other areas where you can see the line breaks.

I've attached a photo that shows us what it looks like on our back end with the correct spacing, hence the confusion. 

Apologies, forgot to attach. Please see below. 

Hi Brittney,

Can you try the following CSS?

.axero-entity-formatted-content p {
    padding: 0;
    margin: 0 0 10px;
}

Thanks,
Raghav

Hi Ragnav, 

I am slightly confused as to why I would need CSS for a simple line break in a paragraph? 

Will we have to enter this CSS everytime we line break in an article? This is not sustainable. 

Hello can you please still help? This seems so simple yet we've been trying to figure out for too long. All our processes and operations have halted due to this massive issue.

Please advise.

Hi Brittney,

We will be back on this thread shortly.

Thanks,
Raghav

Hi Brittney,

I went ahead and added the CSS to your overrides, as it does not look like it was applied. Can you please let me know if you are still experiencing this issue?

Thanks,
Foster

Hi Foster. Thank you for the quick response and for helping. However, the issue still remains the same. 

I attached another photo for reference. This seems like a back end formatting issue. 

We should not have to add CSS to every article just to line break in body copy text. Am I correct in that thinking? That seems absurd. 

Thank you!!

Hi Brittany,

Can you please provide the location of one of the articles that you are having this issue with?

Thanks,
Foster

Hello  Brittney Byus 

Was the content in your article pasted in from an external source like a google doc, blog post/website, or a word document?

Sometimes the formatting or lack of formatting can carry over.

When I look at the code editor in your article I can see that the sections that do not have the spacing you would like are missing paragraph formatting.

You'll notice that the blocks of text that are formatted as paragraphs have the correct margins (you can tell a block of text is a paragraph because it is wrapped in <p> </p> tags)

The blocks of text that are missing margins are not wrapped in paragraph tags and are only wrapped in <div> </div> tags (these are used to divide up a webpage and group elements together but do not inherently have any margins or spacing around them)

When you paste text in from an external site it will bring formatting with it whether the formatting is correct or not. You can see how a block of text is formatted by putting the I-beam/cursor in the block of text. At the bottom of the editor, you will see if it is a paragraph, heading, link, etc... or if it doesn't have correct formatting.

In the example above we can see that the block of text starting with "It's a win-win-win" is not formatted as a paragraph and therefore will not have the correct margins.

To fix this, select the block of text, then click on the Formats dropdown menu, hover over the Block menu and select Paragraph. 

This will apply the paragraph formatting to the block which will give it the correct margins. you may see additional paragraph breaks when you do this, if that occurs, use your delete key to remove any paragraph breaks you don't want.

Another thing to note, when using the editor, pressing the return key creates a Paragraph Break. If you want a Line Break, hold the shift key while pressing return.

I hope this helps, please let us know if you have any additional questions.