Line spacing

Hi @vbsa!

Thanks for choosing Neve!

This seems to be indeed the default behavior of the editor when pressing Enter, as it adds a new paragraph block that has the bottom margin set to 30px by default, hence the bigger space between those rows. It should be possible to remove that space from single posts by adding the code below in the Additional CSS section within the Customizer.

.single-post p {
    margin-bottom: 0px !important;
}

I hope this helps!

Have a nice day!

Hi thanks for your reply. I would like to confirm I have done this in the correct place because it seems to have made no difference?

In the WordPress dashboard I go to Appearance\Neve and under Customizer quick links\customize fonts I then choose additional css and add the css you provided at the end of the all the current css.

I also think this might help. I have discovered when I hit the enter key to start a new line the html tag </p> along with <br> gets inserted

It takes a lot of time but what I am doing at present is removing all the </p> tags.
It would be really helpful if the problem of these large spaces between lines could be fixed as I can’t believe I am the only one to experience this.

One more thing that may help. When I choose to add a block on a page if I choose ‘preformatted’ when I hover over that option a pop out message states “it will preserve your formatting’ and it does! It keeps lines closely together but unfortunately you don’t get to remove the yellow background block and get any choice to change the font.

I don’t know where this problem is but its definitely in the Neve theme and the editor

Hi @vbsa,

I’ve checked a random page on your website and noticed the Elementor editor is used there. Is the issue with the space between the lines still occurring with the latest version of the theme 3.2.1? Also, would it be possible to confirm which editor is used on the page where the problem occurs, Elementor or the WordPress editor? I wonder if there is a global typography setting that leads to this behavior, or maybe you used the code editor instead of the text one in which case the <br> tag works as expected, it should add an empty line between the ones with text, a line of the same height as the text ones should be there but it’s empty.

Looking forward to hearing from you.

Best regards,
Stefan

This says “resolved” but I don’t see that it is resolved. I despise “typewriter” spacing between paragraphs but I don’t seem to be able to control the spacing with the suggestions. Is it possible? I’m using the Gutenberg editor.

Hi @judyn,

Thank you for using Neve. If you are asking about the default space between different paragraphs on a page, an example here(https://vertis.d.pr/Fasrk1), this is how the theme was designed with this default value of 30px space below each paragraph and it can not be changed from the theme options.

You can modify it with custom CSS code, for example, by using a code snippet in the paragraph settings inside the Gutenberg editor – https://vertis.d.pr/SdlMiy.

Another approach will be to target all the paragraphs on the whole website from one place, by adding the following code to the Additional CSS editor within the Customizer.

p {
    margin-bottom: 10px;
}

Feel free to adjust the value of 10px as you want.

I hope this will help.

Thanks! That’s essentially what I did… We can surely do better than typewriter spacing! I couldn’t believe it was not something most people want to do…

I just picked up a whole bunch of books and none had paragraph spacing as large as the spacing in wordpress. Some had no spacing and used only indents. Some had indents and small spacing. Some had no indent and spacing, but not as large as wordpress default.

I’m done for now — too much additional css, but I’m picky…

This is just a personal genealogy blog for my relatives and friends and it was fun to set up. Nice tool, thanks! Every time I build a new blog the tools get better. And it got much more difficult having to deal with phones and tablets…