Miscellany

How Do I Get CSS to Display/Affect an RSS Feed?

January 2, 2012

Wondering if anyone knows how to do this: I want to get CSS coding to “show” in my RSS feed — i.e., to affect how the content looks in the RSS feed. I’m not even sure how to phrase the question, so my Googling for an answer has been useless.

Here’s the deal: Last week, I posted this Google/Facebook article on my search marketing blog. I made an image with the two logos and used CSS to make it show up on the right side of the text, justified to the side of the available space. Like this:

blog-post

That’s exactly how I want it to look on my blog. But when the same article shows up in my RSS feed, the image is NOT justified to the right. It looks like this, which is to say — it looks terrible:

rss-screenshot

I want the RSS feed content to look like the actual article, with the CSS controlling how the image displays.

Is that possible? It’s probably brain-dead simple and I just missed a memo on how to make it happen. At least that’s what I’m hoping….

3 Comments

  • Reply Kane Jamison January 2, 2012 at 10:24 pm

    Isn’t it just a matter of adding inline css instead of a class (or whatever your wordpress buttons automatically use)?

    Is it showing up that way in the raw feed, too, or just in Google Reader?

    Also, I think a lot of email clients are more likely to obey align=”right” than style=”float:right;” for better or worse. I just glanced at my feed email subscriptions in Gmail and the first email with an aligned image was using align=”right” and nothing else.

  • Reply Tony McCreath January 3, 2012 at 4:07 am

    I use the style=”float:right;” attribute on the img tag and it works fine in Google Reader.

    As Kane says, you might want to also do align=”right” as well, in case people read it via emails.

    Another trick might be to add some basic css at the start of each description:

    .alignright {float: right;}

    • Reply Matt January 3, 2012 at 10:30 am

      Thx guys. I do use align=right on all my posts, but it only impacts the blog display, not the RSS feed. Don’t recall how it looks in the emails, actually.

    Leave a Reply