Line Spacing

[williama]

Hi guys,

I would like to have the line spacing between lines, and between paragraphs the same. At the moment if I hit return to go to a new line, a big gap is added. I would like this gap to remain the same as any other line in a block of text. If I need a gap, I can just hit return twice and add a blank line.

I have used this piece of code, but it seems to effect both regular lines and paragraphs the same way, while still keeping their spacing different.

Code: Select all

p { line-height:15px; word-spacing: 0px; }

Is there a way to simply change the line spacing in JCE on the fly, or does it have to be done through the user.css file?
Many thanks.

[Per Yngve Berg]

Press shift + enter to add a line break <br> instead of a paragraph <p>

[ceford]

You should use your browser Developer Tools to inspect a paragraph. The space below a paragraph is a margin-bottom css setting, 1rem in Cassiopeia template.css. Put a different value in user.css. Putting in blank lines to create space is bad practice!

[williama]

Thank you both for the reply. See the image below for what I am trying to do.

desktop_20-03-2023_02.jpg

Basically I have a selection of articles being displayed in a category blog view, using the intro text to display an image which is used as a clickable link to the article, then a line of text for the title, and then a second for the projects status.

I have achieved this by setting the title line to 'definition term' in JCE, and the second line to 'definition description'.
The trouble is that I would like to add a third line, but even if I set that to 'definition description' too, a large gap is added between the second and third lines.

All I want to do here, is have three lines under the image that are the same distance from each other.

Hope that makes sense.

[Webdongle]

Also JCE has a setting to change how a new paragraph is spaced

[ceford]

Try the suggestion from Per: Shift+Enter to insert <br> rather than <p>. That is how you would create a multi-line paragraph, such as an address. And look at the html output with Toggle Editor and with your browser Tools.

[williama]

Thanks for all the help, Shift+Enter does actually do what I need. Can't believe I did not know about that, but thank you for the help.