Can't get sIFR to color a link within a paragraph

Discussion in 'HTML & Website Design' started by wolfestone, Feb 2, 2011.

  1. #1
    I'm using sIFR 3 and it's been working great for the most part. I've run into a problem though where I have a paragraph of text that sIFR replaces. In this paragraph is a hyperlink. This hyperlink always seem to default to the standard blue link color (browser default I'm guessing) when it's replaced by sIFR.

    My markup is:
    
    <p class="sub">
    some text
    <a href="page.html" class="sublink">mylink</a>
    more text
    </p>
    Code (markup):
    and my sIFR config code is:

    sIFR.replace(abadi, {
        selector: 'p.sub',
        css: '.sIFR-root { color:#6a6a6a; letter-spacing:-1}',
        wmode: 'transparent'
    });
    
    sIFR.replace(abadi, {
        selector: 'a.sublink',
        css: '.sIFR-root { color:#4e8fd1; letter-spacing:-1}',
        wmode: 'transparent'
    });
    
    Code (markup):
    I've read the documentation, tried everything I can think of, and created a minimal test case all with no luck.

    If anyone can point out what I'm doing wrong - assuming this is possible in sIFR I would really appreciate it.
     
    wolfestone, Feb 2, 2011 IP