<br> changed automatically to &nbsp; in text element

Support
#1

Hi, I am using the Text element in the X Theme. I am editing in Cornerstone and I am trying to add a space between paragraphs. I am not able to successfully do that using the visual editor as pressing enter adds way too much space between paragraphs (3 lines). I tried to add
between paragraphs in the text tab, but this just converts to   when I click on the visual tab after adding it (which also results in way too much space between paragraphs). Is there a way to add just one line between paragraphs without having a huge space between them?

Thank you!

#2

Hi there,

In the Visual editor kindly set the formatting to Paragraph, then add the test and hit the enter key and it will work normally as the screenshot shown:

If you see something other than that, there might be a CSS code on your website which adds that gap, try to remove all custom codes you have on your installation and check the case.

For further investigation it is better to have the information below given to us using the Secure Note feature of the post:

  1. URL of sample page which you will create that shows the Text Element gap
  2. URL of your Wordpress Dashboard Login Page
  3. Wordpress Dashboard Username
  4. Wordpress Dashboard Password

Thank you.

#3

Hi There,

I am not able to check because it seems Cornerstone is not active on the admin when I visit the page. I can’t double check because the credentials you have given has limited rights. Would you mind giving us admin rights and also give us FTP credentials using a secure note so we can investigate? Since you just updated to the latest version, please make sure to clear cache too.

#4

Sending secure note with the info now.

#5

Hi There,

Use Shift + Enter in the keyboard to get the normal vertical space.

Hope that helps.

#6

I tried that and it doesn’t work. I gave my login credentials, please try it so you can see what I mean. Do shift+Enter in the visual or text tab. Then switch tabs. You will see it change to either having no space between or 3 spaces, but never 1 space in between paragraghs. If it does show one, it is only until it refreshes the page (done by switching tabs back and forth).

#7

Please add the following CSS to Theme Options CSS

p {
    margin-bottom: 0;
}

Hope it helps!

#8

That worked, mostly! I had to edit the code to include my source page so that it didn’t affect all the other pages. For all those who are reading this and have no idea where the Theme Option CSS should be entered (like me), then here are the instructions:

From the main WordPress dashboard, hover over “Appearance”, click on “Edit CSS”
This brings up the Cornerstone Dashboard. (It should say “Customizing Additional CSS” at the top)
You have the CSS pane on the left, the preview pane of the site on the right.

In preview, using your site menu, click on the page you want to fix.

In the CSS pane, after the commented-out text (mine started on Line 6), put in the code:
p {
margin-bottom: 0;
}
You should see the change immediately in the preview pane.

Click on other pages, in preview, to make sure it hasn’t screwed anything else up (the style affects the whole site)

–Mine affected all pages, so I had to look at the pages source code (go to your website and click on the correct page you want to fix. Push Ctrl+U). Each page has a specific “ID” related to it. Click Ctrl+F and search for article id=. This will tell you the ID of your page. My ID was article id=“post-99”. Therefore I had to edit the code to include this:

#post-99 p {
    margin-bottom: 0;
}

Once you see it is fixed, click save and publish.

#9

Hello There,

We are just glad that you have figured it out a way to correct the said issue.
Thanks for letting us know!

Best Regards.