I need to create a full height page, a landing page, with no header and footer, just three elements, the first one aligned at the top, the last one aligned at the bottom, the second one occupying the middle part.
With TD Composer I’ve created a page with a full height row with three horizontally oriented columns (width 100%), and I chose the “space between” option in vertical align (see Row Layout Setting Image).
In TD Composer I see the page as I would like it (see image 1), while if I select the “space evenly” option the three blocks are correctly evenly distributed in TD Composer (see image 2).
However, the same the same displayed page ALWAYS shows the three blocks evenly distributed, even when the vertical align option is space between (see image 3).
How can I fix this situation?
I am using Newspaper 12.6.5, and the example I am showing you is simplified, just to show you the malfunction.
Thanks in advance, Luca
Image 1 https://imgur.com/cn2Ddzg
Image 2 https://imgur.com/K5zUspZ
Image 3 https://imgur.com/t6R0oLt
Row Layout Settings https://imgur.com/8sm9jKI
-
This topic was modified 2 years by
lpecchiproper.
Hello Luca!
I’m not sure I fully understand what you need to achieve and what is the issue there.
Please provide more information(screenshots/video) about what exactly you need to achieve.
A solution for sending a screenshot/video is this:
Download, capture, and send: https://www.techsmith.com/jing-tool.html
After making the screenshot, you will have a link; paste it here.
Thank you!
Hi
this is what I see in TD composer, first row is aligned to the top, last row is aligned to the bottom
Row layout settings are
If i change vertical align type like that
I see this in TD composer
As you can notice, First row (with Logo) is not aligned to the top, and last row is not aligned to the bottom, the vertical colums are evenly distributed.
I need to have the FIRST display solution, but when I save the page I always get the same result, with both Row Layout settings
You can see the live page here
https://symt2023.proper-milano.cloud/landing-page-sample/
Please let me know if you need more info.
Best regards, Luca
Hello Luca!
I can’t see the page: https://app.screencast.com/5F3ohAQeQfoR6
Please note that some elements have a default margin: https://app.screencast.com/ZttZTknXAcRgo and you should set them to 0, like this: https://app.screencast.com/Gd0mn1lRkImui
I hope you didn’t understand wrong. If you need more space after an element, I suggest you add custom margins.
Thank you!
Hi
sorry, I’ve just disabled maintenance mode, please let me know when you’ve inspected the page.
I don’t think it’s a margin issue, by the way I’ve already tried to set margin, border and padding to 0, but it still doesn’t work.
The problem is exactly that I do not want ANY margin, the first row (column, by the way) have to be at position 0 in the page, as well as the last, that have to be on bottom of the page, as shown in TD Composer.
I’ve uploaded the source text for that page here
https://symt2023.proper-milano.cloud/landing-page-text-source.txt
You can copy in text mode to a new page and see what happens: after importing the text, you’ve also to disable header and footer from TD Composer website manager.
Thanks again, Luca
