• Hi there – I’m trying to customize the RSS widget I’m using on the left-hand side of my website here: http://www.thefreeborntimes.com/

    And I’ve managed to add custom CSS to change the size and weight of the link text

    But I am having trouble changing the size and decoration (ie: I want to make it italic) of the dates

    Can anyone please help?

    Thank you

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hey Free_Amy. I grabbed the following CSS code from your site:

    div.widget_rss ul li a.rsswidget {
    font-size: 1.0em;
    font-weight: bold;
    }

    And modified it to add italics:

    div.widget_rss ul li a.rsswidget {
    font-size: 1.0em;
    font-weight: bold;
    font-style: italic;
    }

    That should work. Hope this helps!

    Thread Starter Free_Amy

    (@free_amy)

    Thank you for your response, however this makes the link/post title italic, not the date.

    Do you know if there’s a way to isolate the date and apply styles to that only?

    I’ve tried putting in additional code using div.widget_rss ul li a.rssSummary and taking a guess with div.widget_rss ul li a.rssdate, but no luck.

    Basically, I want to style it like this:

    Sorting fact from fiction at a Night Safari of myths and monsters November 1, 2013

    thank you

    Free_Amy,

    You’re right, my sleepy brain completely overlooked that last night. Fortunately, the plugin isolates the date text in a <span> element. Here’s the HTML code, copied from your page:

    <span class="rss-date">November 1, 2013</span>

    Since the plugin author has so kindly given the date an rss-date class, we just have to add the following CSS somewhere:

    .rss-date {
        font-style: italic;
    }

    Hope this helps!

    Thread Starter Free_Amy

    (@free_amy)

    That’s it! Brilliant.
    Thank you so much!
    🙂

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Customize RSS widget’ is closed to new replies.