[Partly SOLVED] Feeds on reading page

[jana]

I tried to add a vertical space between the two syndication links at the top of each feed entry and the actual feed content. The problem, however, is that the same css class -- .ljsyndicationlink -- is applied to both syndication links. This makes it somewhat difficult to style one syndication link without affecting the other. Then I thought I could work around the problem by adding margin-top to the actual feed content, but this isn't possible either since no separate css class is applied to the feed content; it consist basically of many p-components. This means .journal-type-Y p:first-child{} doesn't work either since the syndication links and the syndication author are a subset of p. My "solution" to the problem was to remove the syndication links altogether, and to add margin-bottom to .syndicationauthor. But the syndication links can be quite useful sometimes... So, the big question is: have I missed something here? As usual, any help is greatly appreciated :)

P.S: A p-tag doesn't seem to be properly closed in all hathorlegacy feed entries. Not sure if this is a problem on our end or if it can be traced back to the feed source. This isn't a big deal for me, I've only noticed it while trying to figure out the problem above.

Comments

[ninetydegrees]

Hmm. This worked for me:

.ljsyndicationlink + p {
margin-top: 2em;
}

Edit: argh! No good since it also applies to the content p. *thinks some more*

Ah! This seems to work better:

.syndicationauthor + p + p {
margin-top: 5em;
}

[jana]

Yes, of course, why haven't I thought of the p + p solution? Thanks! :)

Edit: I just realized that it only works if there actually is a syndication author, which isn't always the case... But it looks like foxfirefey would like to work on a more flexible solution :)

[ninetydegrees]

Yep and not all feeds have two syndication links either...

[jana]

True. So not "solved" then, only "partly solved" XD