pwired Posted February 13, 2017 Share Posted February 13, 2017 Hi, I am using the body field for simple showing of text and pictures. Each time one line of text above a picture. The client can add more pictures each with a line of text above it, simply by using the CKEditor. It seems to be not possible to separate each picture with a text line with 2 or more empty lines. Using the ENTER key results in <p> </p> but no matter how many times the ENTER key is used there will be only 1 empty line that separates one picture with text with the next picture and text. If I press 3 times the ENTER key and click on the SOURCE button in CKEditor I see 3 times <p> </p> but still only 1 empty line shows up that separates one picture with text with the next picture and text. How can I make it work to have more than 1 empty line for separation ? I tried to add <br> in extra allowed content for the body field but that did not work also. Link to comment Share on other sites More sharing options...
Harmen Posted February 13, 2017 Share Posted February 13, 2017 Hi, I am not familiar with the specific settings and configurations for the CKEditor, but I've found something: Quote Make sure that the field does not use a text formatter, the content type is set to "Markup/HTML" and ACF and HTML Purifier have been switched off. Have you applied this to your field using the CKEditor? Maybe <br /> works? ~Harmen 1 Link to comment Share on other sites More sharing options...
Robin S Posted February 13, 2017 Share Posted February 13, 2017 2 hours ago, pwired said: How can I make it work to have more than 1 empty line for separation ? In the field settings... But better to solve this with CSS by adding some bottom margin to your images. 2 Link to comment Share on other sites More sharing options...
pwired Posted February 13, 2017 Author Share Posted February 13, 2017 Thanks for the replies guys. Unchecking remove empty paragraph tags didnt do it. The thing is when I click on source in CKEditor I can actually see that multiple <p> </p> are there but they have no effect on the webpage. They should, but they dont and I dont know why. There is always one single empty line. Quote But better to solve this with CSS by adding some bottom margin to your images. Yes, giving the images a bottom margin with css finally did it Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now