CSS
CSS tips & tricks for your WordPress site layouts, custom blocks, patterns, templates, and more.
-
WordPress’ core code block does not wrap text. This is ok most of the time but sometimes it’s nice for long lines to wrap. We could set white space to pre-wrap on .wp-block-code > code but this will affect all code blocks. Let’s create a… Read More
-
Sometimes there is not enough content on a page to fill the viewport height. Because of the lack of content, the footer renders in the middle of the viewport leaving a bunch of white space under it. On WordPress sites this often happens on a… Read More
-
I like to keep my work life separate from my personal life. But I use the same GitHub account for work and personal projects. By default GitHub sends all notification emails to a single primary email address. This was an issue for me because I… Read More
-
There are a few reasons you might want to push an empty Git commit. I mostly use one to trigger a CI/CD rebuild without changing any code. Git prevents you from committing nothing so we need to use the –allow-empty flag. That’s it! Read More
-
This site uses the variable version of the beautiful Inter font by Rasmus Andersson (at the time this article was published). I opted to self host the font so I downloaded the source files from Inter’s GitHub repo, and added the variable font file named… Read More
-
My preferred browser right now is Arc. In Arc, other Chromium based browsers, and Firefox, pressing ⌘ Command + ⇧ Shift + R will force refresh the page. I use force refresh frequently when testing sites because it forces the browser to bypass the cache… Read More
