An enter in the text view of the editor renders as a break on the page.
Therefore it’s necessary to leave no gap between two columns.
You’re content should look something like this:
[one_fourth]<p>heading</p>[/one_fourth][one_fourth]<p>heading</p>[/one_fourth][one_fourth]<p>heading</p>[/one_fourth][one_fourth_last]<p>heading</p>[/one_fourth_last]
Hi, I tried the same and it didn’t work!
Also, now the shortcode to use is [column-group] [column span=”3″]
where 3 I guess is the portion of the page (as I need 3 columns of the same dimension).
Before reading this post I had the same problem of DEP Tech, but now that I tried your solution it’s even worst, I can see the code on my page!
Ok I am an idiot! Sorry I solved the issue 🙂
hi
I have almost similar problem. I am using one_fourth column shortcode.
The resultant display is 3 of the pictures align side by side very nicely in row 1. The last picture just errorneously displayed on second row the first position.
I tried this among others:
[one_fourth]<p>heading</p>[/one_fourth]
[one_fourth]<p>heading</p>[/one_fourth]
[one_fourth]<p>heading</p>[/one_fourth]
[one_fourth_last]<p>heading</p>[/one_fourth_last]
It does not work.
I’ve checked the code ; modifying on the space or other recommended changes as advised above, no luck. What else should I be looking/trying at?
This is a problem that needs to be solved – imaging deploying this to a non-tech-savvy person whose job it is to edit content. Asking them to go into the code editor to remove line breaks isn’t really a solution.
