|||

Custom style for ilPost.it

Watch out, this article is outdated.

// Focused reading for my favourite newspaper

Since I spend a lot of time reading the (incredibly always interesting) articles written by the team over at ilpost.it, I took the time to review and clean up some CSS style I wrote to customise the article view.

While on Safari I always use the reader mode (which is not customisable in any way), while on other browsers I had to rely on the, often lacking, alternatives.

The goal was to create a cleaner way to read articles, focusing on the text and reducing distractions.

Tweaks

Before

screenshot beforescreenshot before

After

screenshot afterscreenshot after

  • Hidden all distracting elements
  • Changed fonts to Noto
  • Increased the font-size for readibility reasons
  • Reduced the size of the audio player
  • Reduced the impact of the comments button and the suggested articles

Download

You can download or copy the CSS style directly from my new Github repository.


Update 2024-01-09: Il Post released a new design and this CSS styling may not work anymore. Thankfully it’s also much less needed now.

Up next My design principles What makes *good design*? Working a-sync in a 9-to-5 office job You can still make it work
Latest posts Wishing for a better Apple Notes A small tip for repeating tasks in Things 3 Design is not my only passion On the evolution of digital interfaces On Stephen King Long live opinionated design Shortcut: Get Safari URL as markdown link A new album every single day of the year 🔗 The Mac as a place Photos from Morocco New year, new website: 2024 edition HazeOver I hate Netflix Books I read in 2023 🔗 Design takes time Apps Default 2023 Inspiration 002 - Andrea Pazienza Writing is thinking Working a-sync in a 9-to-5 office job Custom style for ilPost.it My design principles Shortcut: Split Screen Inspiration 001 - Head Lopper Bear 2: What’s still missing Photos from Norway Apps stack for 2023 Max VP New year, new website: 2023 edition “Batman: The long Halloween” and the power of comic books An icon for mymind.com A dark theme for write.as