The inject works, thanks!
Actually, I’ve encountered this a few times, that I’m not sure from where in the theme file some styling actually comes from, how does that overwriting work? Is there something on the docs of code that is processed after the theme files?
There’s an entire set of rules for what css gets applied when there are conflicting styles. If the selectors are the same (true here), the last one wins (which is why I suggested putting it in the footer code injection).
Important is a general all-purpose hammer for when you really want this rule applied, regardless, but should be used sparsely, because it makes it hard to override your override.
strange. where can I modify those deaults? Now I’m having an issue on indiez.ch that the .post-media-tag class just refuses to appear in css, even though it used to, I can’t think of anything I did that changed that. Even code injection with !important doesn’t result in the class actually being applied. The hell?
You could download the Alto theme and look for where the definition is. Look for an assets/css folder, probably. And you’ll need to run gulp after making changes, I think to get the CSS compiled. (Haven’t done much with Alto, but most of the official Ghost themes are set up that way.) Lots of good tutorials here:
if you’ll link the specific page with the problem, I can look.