Forums

[Plugin: Facelift Image Replacment (FLIR)] FLIR CSS not working in Safari? (3 posts)

  1. tealou
    Member
    Posted 11 months ago #

    Hi,

    I have a site I am working on here, which is working fine in Firefox. FLIR is working beautifully.

    But when I look at the site in Safari, the links default to blue and the font-size attribute is ignored. Is it something to do with the specifcity of the CSS? I am going round in circles and cannot figure out what the problem is!

    Any ideas?

    I should mention that this is on Safari 3 on OSX Leopard. I haven't gotten to IE-testing point yet, so if it looks crap, I am getting to that ;)

  2. dzappone
    Member
    Posted 11 months ago #

    Most likely it's the CSS - I see the same issue in Chrome which also uses webkit. Try specifying the CSS for both to be the same:


    .blog-post .heading h1{
    font-size: 20px;
    padding: 0;
    margin: 0px;
    color: #fff;
    }

    .blog-post .heading h1 a{
    font-size: 20px;
    padding: 0;
    margin: 0px;
    color: #fff;
    }

    And in the Elements Types add div.heading h1

    You should then see that in Elements to Replace where you can specify the style. That should fix it. Let me know if you need more detail.

  3. tealou
    Member
    Posted 11 months ago #

    Hi,

    I tried everything you suggested and more tog et it working, but it doesn't.

    Thanks for your help anyway, I will just go back to SiFR for now because I want to be done for Christmas.

    Thanks!

Reply

You must log in to post.

About this Topic