- Posts
Hello,
I am designing a site with BoldGrid and it looks great on the edit screen, but for some reason when I view the actual page it removes all of the line breaks between paragraphs of text, leaving a giant blob of text that is very difficult on the eyes. I cannot for the life of me figure out why it is doing this, or how to get it to stop.
Any ideas? Thanks!
Hello,
Sorry for the problems with the text in your paragraphs. Please provide a URL then we can look at it and then determine what’s happening. Does this happen only in editing? Or can you publish the document and see it as well. We need a little more information to trouble the problem. Please provide some detail and we can follow up on the problem to see what’s happening. Please also provide version information on WordPress and your BoldGrid plugins.
Hi Arnel,
Thanks so much for the quick response! I am running WordPress 4.9.7 and all of the BoldGrid plugins are the latest version. Unfortunately the site is not live yet, it is currently in maintenance mode while it is being developed.
The steps to recreate this issue for me are:
1. Install an inspiration with basic pages included
2. Edit the About page
3. Replace the text in the page editor to reflect the actual nature of the site (the paragraphs appear fine in the editor and include 2 line breaks between them)
4. Publish the page with the new text and view the site (page loads fine but all of the extra line breaks are removed. Each paragraph starts on a new line, but there is no space between adjacent paragraphs which makes reading extremely difficult)
Literally, this is all that I did to test the issue. I can add a new gridblock and it does the same thing. I also tried modifying using the text editor to add additional breaks, and while it displays fine in both the visual and text editor, whenever I view the page it removes anything more than a single line break.
Thanks again for your quick reply, let me know if there is anything else I can provide that would be of assistance.
Hi Dan,
Thank you for the additional information. We spent some time testing this and were unable to replicate the issue. We tested with several themes such as Callaway, Cobalt, and Pavilion. What specific theme are you choosing in the Inspiration?
As a test, try disabling non-BoldGrid plugins. This will help rule out an interfering plugin.
Displaying and logging PHP errors may also provide more specific information.
Thank you,
John-Paul
I’m using Crio, and this same thing happens.
Hi Tom-
The easiest way to preserve line breaks in between paragraphs is to make sure that you’re actually using paragraphs (<p>), rather than breaks (<br>). By default, WordPress removes more than one break in a row.
The easiest way to tell the difference is that a new paragraph is entered with just the Enter key, while a line break is Shift+Enter.
Thanks, that makes sense. But i think what happened is i originally wanted to make a series of paragraphs in a column as one element, but when i put the return in, it turned them into separate elements. Now to change the font and margins i have to go into each element and do it separately (i.e. multiple times). I would have to go back and retry that but i think that’s what happened. Is there a way to make all the paragraphs stay in one element?
It also put the elements too close together, so when trying to put distance between them that is when i used the shift+return to add a line at the end of each paragraph as you are saying, and yes that is probably what happened to that.
Hi Tom-
I’m afraid that by their very definition, paragraphs are separate elements.
One way that you could accomplish this more efficiently would be to create your first paragraph with custom margins and fonts, and then using the orange-colored Edit Content menu, and use the Clone feature to copy your paragraph, so that all your subsequent paragraphs match.
Another common way to “hack” this type of behavior is that you can use <br> elements with a single space character in between them. To do this, you have to switch over to the text editor and use the special code which stands for “Non-breaking Space.” So you end up with code that looks like this:
<p>Some Text<br> <br> <br> Some more text two lines down</p>
Thanks. The clone works until i have to change/adjust it. I guess i thought the shift=return would put the <br>, but i have done basic html coding so i will be able to try the manual <br>. Thanks for your help.
- The topic ‘How to get BoldGrid to stop stripping out line breaks between paragraphs?’ is closed to new replies.
