Skip to:

RSS Feed Block with CSS issues.

  • Scotty501


    Hi All,

    Hopefully this is the right place to post. I have been customising the Fishbook theme for my own use, and come across a strange issue with the RSS feed widget. I have changed all the title text (H3) to white to contrast against a black title area background – however in the RSS feed title box the text is also black – meaning it cannot be read. I used firebug and I can see it is calling the text from the global css as below:-
    a {
    color: black;
    text-decoration: none;

    I cant change that or will change the text colour for main pages. I am not a CSS/html expert, so I am not sure how I go about fixing this. Any help – as always would be much appreciated.

Viewing 5 replies - 1 through 5 (of 5 total)
  • So the rss widget is not using a h# element then? You restyled the title text assuming they would all be h3?

    Look at the rss widget find it’s parent element ( widgets all have a common class of ‘widget’ and perhaps the widgets name also the widget id the last two are unique so you use those to style on

    .widget-rss a {color: #fff;}

    However that will style all anchors not just the title so you may need to be more specific does the title anchor have a unique class name? if so use it on the anchor a.rss-widget

    Finally you can group the selctor set that works with the other styles for white h3.



    Thanks for the response @hnla – to be brutal – I have no idea. I have limited ability with CSS.

    if I inspect RSS title Firebug shows as below. (edit – I tried to past the firbug output here but it inserted the code)

    I should have included a link – sorry my bad

    This is the structure and naming you have to play with:
    div id=”rss-2″ class=”widget widget_rss”>

    Born on this Day

      so all you need do is:

      `.rsswidget h3 a {color: #fff;}`

      You have described rules for div#sidebar h3.widgettitle which only changes the heading element the rsswidget has an anchor in the heading which inherits the styles for anchors.

      What may be better is to separate styles
      div#sidebar h3.widgettitle {
      background: black;
      border-top: 1px solid #94A3C4;
      clear: left;
      font-size: 12px;
      font-weight: bold;
      margin: 25px -15px 10px -8px;
      padding: 4px 8px;
      div#sidebar h3.widgettitle,
      div#sidebar h3.widgettitle a {
      color: #fff;

      Then you cover headers with or without anchors without being too specific i.e .rsswidget



    @hnla – Thank you sooooo much.

    I just pasted your latter code and dropped it into my CSS just above the seperator for naviagtion – and it worked perfectly. I assume I did the right thing?

    As a side note – how did you paste that code – I tried with the firebug output and could not get it to paste – also – can we not subscribe to topics in here?

    using very strong wallpaper paste, slapped loads on :)

    selected the text in left pane and then selected right click copy – not ‘copy html’ or ‘copy inner html’ pasted in the forum using backticks

    correct place? if it works there it should be ok

    There is a favourite button if you go to ‘activity’ but can’t remember if it works on these topics – no subscribe though

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘RSS Feed Block with CSS issues.’ is closed to new replies.
Skip to toolbar