As many of you know by now, I have my own website. It is kind of a master copy of all my work. Things I post to Hive, things I post to Tumblr and Instagram, so on so forth — it all ends up there.
My site is run on WordPress. I used to run a theme coded from scratch, but when WordPress added the Twenty Nineteen theme, I liked it enough to switch and make a child theme of it. I’ve heavily customized it since, so you might not recognize it, but at its root, that’s the theme I’m using.
For local testing, I run MAMP on my computer — a simple way to host a WordPress installation offline. I keep a copy of my live site there, theme and all, so I can make changes in a safe sandbox. If nothing breaks, I copy the files over to the live server.
This usually works. Except when it doesn’t.
Case in point: The other day I spent way longer than I should have trying to massage the formatting of my tag archive pages to look nice. I have some grand vision of creating a kind of psudeo-wiki type structure with tag pages for various haiku poets and season words and everything linked together. That might sounds confusing, but it works in my head.
But tweaking the CSS has been a nightmare.
The problem is WordPress’s base CSS for the Twenty Nineteen theme. Some of its styles are way too aggressive. They override nearly everything — even when I write stronger rules in my child theme. You may not be familar with css, but let me tell you: writing a stronger rule should override a base rule; this is what the entire idea of child themes are based on, that you can create an easy add on that overrides the styles of the original you dislike. But WordPress doesn’t play by their own rules.
It shouldn’t be that hard, but half the time it feels like I’m trying to punch through concrete with a sponge.
Still, after a few hours of trial, error, and blood-pressure spikes, I finally got it looking halfway decent on my test site.
Somewhat satisfied, I uploaded the updated CSS and PHP files to the live server.
Reloaded. And…
Totally broken.
I can’t figure out why — because all the files are exactly the same. Same files, same code, same everything. But for some reason the css tweaks I made in my child theme that work in my testing environment, do not work on the live site. The base WordPress styles just steamrolled them again. It’s as if the live site looked at my lovingly crafted CSS and said, “Cute. No.”
I fiddled for a while, then went to bed.
I’m now seriously tempted to ditch the child theme entirely and just edit Twenty Nineteen directly. Yes, I’d lose automatic updates and the supposed best practice of separation. But I’d gain control. And right now that sounds better.
Haven’t touched it again since. Maybe next week I’ll come back to it with fresh eyes.
Hurm.
In the meantime, if you want to see what I was working on, go here to see a sample. All tag pages are affected by my edit, but the Bashō one is the only one I put a bio in for now.
❦
 |
David is an American teacher and translator lost in Japan, trying to capture the beauty of this country one photo at a time and searching for the perfect haiku. He blogs here and at laspina.org. Write him on Bluesky. |