On its front page, the Guardian adds a line (in their case “-m ago”) to close a story where the excerpt does not fill the space. This is would be particularly useful in tablet views, where large white spaces not in desktop view appear.
See here: https://www.theguardian.com/uk
I’d like the option to add some text – maybe a read more button or article date – that would always anchor to the bottom of any white space under an article, in any viewport. Is this possible? Here’s my front page – the main problem is the top row in tablet view. Other rows don’t matter so much, being more responsive.
Thanks
Mark Gilbert
Hello Mark!
A workaround could be to add any other elements in the white space in the tablet viewport in the tagdiv Composer. Then, hide it on other viewports and make it visible only where you need it. Each element has the option to hide it in the CSS tab: https://prnt.sc/1FJiMub9ke4s
Or change the structure of your elements from that row.
Thank you!
Thanks – I’m aware of that hiding technique but I think that would require a lot of maintenance.
What I need, I think, is a way to tie a line of text or a button to the bottom border line (or other type of line – could use a separator?) so that it always follows/sticks to the bottom line, no matter where it is.
Is there any element that enables a line to be created with text above it?
Thanks
Mark
Hi Bettina – I can’t make this work. Can you take a look at this Guardian page – https://www.theguardian.com/uk – and reduce your browser size through tablet viewports to see how the time line (for example, “5m ago”) always sticks to a bottom line no matter what viewport is used? Can Newspaper do this?
If your “border-bottom of each element/row/column (CSS tab) or the separator shortcode” can work, can you give me a graphic example?
Many thanks
Mark
Hello Mark!
Use a custom module template and the Module Reading Time or Module Date shortcode.
You can check in the tagdiv Composer how they will display in a custom viewport width, and you can control it better: https://app.screencast.com/bLb2f3M0hw1kn
I hope that helps you!
Thank you!
