facetofcathy: four equal blocks of purple and orange shades with a rusty orange block centred on top (0)
facetofcathy ([personal profile] facetofcathy) wrote in [community profile] style_system 2012-02-09 02:22 pm (UTC)

This problem is caused by the fact that the AO3 feeds come into Dreamwidth (and everywhere else) complete with the class names on the various elements.

The culprit is the .tag class that the links in question have via the AO3 and DW uses as well. Your style puts a lot of padding on .tag, and that's causing the overlap.

There is a bug on this at the AO3, but I couldn't tell you how long the fix will take. You will need to target the a.tag elements inside that feed and take off the padding in the interim.

This should work: .entry-content a.tag {padding: 0;}



Post a comment in response:

This account has disabled anonymous posting.
If you don't have an account you can create one now.
HTML doesn't work in the subject.
More info about formatting