Hello @gollum23,
I have checked this and it does not happen on my end.
Please go to your dashboard > Pages > edit that page > switch the editor from Visual to Text view and remove those <br> tag from there > save the page and this should do it.
Let me know how it goes!
Thank you,
Mihaela
Many thanks for your rapid reply. If I edit that page in text mode this is what I see:-
[column_third]
Top column 1[clear]
[/column_third]
[column_third]
Top column 2[clear]
[/column_third]
[column_third_last]
Top column 3[clear]
[/column_third_last]
[clear]
[google_maps id=”3773″]
There are no extraneous blank lines there but if you examine the actual html code delivered to the browser, the additional blank lines appear.
Hope that helps, Chris
Some more information. In 3 column mode it is necessary to insert a [clear] after each column. Without this the three columns are one above the other. Whereas this is not necessary in 2 column mode.
In 2 column mode inserting a clear at the end of each column does not generate additional blank line/spacing.
My conclusion would be that in my particular situation that the code to end a column in the three column case is in some-way faulty.
It is interesting that you can not reproduce the problem. I have tried it in several pages and always see the same effect.
Here is the page code as it now displays at the web page:-
[column_third]Top column 1 in 3 column[clear]
[/column_third]
[column_third]Top column 2 in 3 column[clear]
[/column_third]
[column_third_last]Top column 3 in 3 column[clear]
[/column_third_last]
[column_half]
Top of column 1 in 2 column
[/column_half][column_half_last]
Top of column 2 in 2 column
[/column_half_last]
[google_maps id=”3773″]
Dear @gollum23,
Thank you for explaining!
I have added the code exactly like you sent it, and the issue occurs, but this happens because of the clear you add after each column.
Here is a screenshot with your own: https://gyazo.com/5d81ff2b9167647dfeb21ced04631b1b
And here is the normal code:
https://gyazo.com/4f097a63b93dea0fbf1fcf8acae31542
Here is also the code, so you can copy and add it:
[column_third]Top column 1
[/column_third][column_third]Top column 2
[/column_third][column_third_last]Top column 3
[/column_third_last]
Also make sure to add it exactly the same way I sent it. You need to only replace the text ‘top column 3’ etc, but leave the rest leave the same.
All the best,
Mihaela
I just got there as well! The critical part is that the shortcodes must be arranged such that the next column starts immediately after the end of the previous one – with no CR, just as you indicated in the previous post. Many thanks for your help!
For bonus points, look at the original page again and explain where the blank line comes from between the two column and three column parts with the following code:-
[column_half]Top of column 1 in 2 column
[/column_half][column_half_last]Top of column 2 in 2 column
[/column_half_last]
[column_third]Top column 1 in 3 column
[/column_third][column_third]Top column 2 in 3 column
[/column_third][column_third_last]Top column 3 in 3 column
[/column_third_last]
[column_fourth]Top column 1/4 column
[/column_fourth][column_fourth]Top column 2/4 column
[/column_fourth][column_fourth]Top column 3/4 column
[/column_fourth][column_fourth_last]Top column 4/4 column
[/column_fourth_last]
Hello @gollum23,
The best solution for this is to add the shortcodes using the CT button above the editor, not write them or copy&paste them.
I have added them using that button and they look normal, without extra spaces or too few.
Here is the shortcodes when using the CT button:
[column_half]1
[/column_half][column_half_last]2
[/column_half_last][column_third]1
[/column_third][column_third]2
[/column_third][column_third_last]3
[/column_third_last][column_fourth]1
[/column_fourth][column_fourth]2
[/column_fourth][column_fourth]3
[/column_fourth][column_fourth_last]4
[/column_fourth_last]
It seems like the starting shortcode should be on the same line.
Or if you press Enter after a shortcode and add it on the next line that will work as well.
[column_half]1
[/column_half][column_half_last]2
[/column_half_last]
[column_third]1
[/column_third][column_third]2
[/column_third][column_third_last]3
[/column_third_last]
[column_fourth]1
[/column_fourth][column_fourth]2
[/column_fourth][column_fourth]3
[/column_fourth][column_fourth_last]4
[/column_fourth_last]
Please give these a shot and let me know how it goes.
I have tested them both.
All the best,
Mihaela
Dear Mihela,
It works perfectly – thank you! I do now see that it is best to let the ditor add the shortcodes as it prevent inadvertent additional lines – one just needs to remember that the formatting is important with shortcodes. I guess one gets rather lazy when dealing with HTML which is more forgiving.
Now I have mastered formatting I am very pleased with the Allegiant theme and the lite version does everything that I need for a simple responsive design. The only suggestion I have for improvement is the styling of the mobile menu which is very basic and it appears to be the same in the Pro demo version as well. With css one can somewhat improve things but the ability to add a header logo to retain some site specific design would be nice. That is intended as a possible enhancement and not a criticism!
Again, many thanks for your speedy and very helpful support. Regards, Chris
PS I will mark this as solved.
Hello Chris,
Great job!
Happy to hear you like the theme.
And thank you for the feedback – it helps us improve the theme and making it even better.
If it’s not too much to ask, please rate your experience with Allegiant by leaving a review.
We could really use the help!
Thank you,
Mihaela
