Skip to:
Content
Pages
Categories
Search
Top
Bottom

RSS Feed Block with CSS issues.


  • Scotty501
    Member

    @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)

  • Hugo Ashmore
    Keymaster

    @hnla

    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.


    Scotty501
    Member

    @scotty501

    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 http://www.ukushosting.com/testshop.


    Hugo Ashmore
    Keymaster

    @hnla

    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


    Scotty501
    Member

    @scotty501

    @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?


    Hugo Ashmore
    Keymaster

    @hnla

    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