March 26, 2019
I've been working on a website with the requirement to truncate certain text fields—display the first several words of the text, with a "show more" link which on click, expands the rest of the text. I had to dig a bit into the Twig documentation to figure it out, but it's easily done with Twig filters and a bit of JavaScript.
(Note that this method will strip any HTML in the text fields. It…
Continue reading Truncated expanding text field with "show more" link in Drupal 8 & Twig
August 4, 2016
(Note that this technique is totally deprecated by Flexbox and CSS Grid, but it's interesting for historical purposes, I guess).
If you've ever tried to do it, you know that vertically centring elements in CSS is notoriously difficult. Horizontal centring is a relative breeze, but vertical is another story.
I often have a use-case where I want to vertically centre some text on top of an image,…
Continue reading How to vertically center text in an absolutely-positioned div over an image