CSS ignored in IE9

  • Resolved tournicotee

    (@tournicotee)


    10 years, 3 months ago

    Within wordpress (Appearance – editor) I’m editing the style.css file. The change I’m doing here (mostly color and some font attirbute like bold) are well displayed in Chrome and Firefox but in IE they don’t show at all, the standard look&feel of the theme is kept.

    Why is it so?
    Am I using the wrong file or entering wrong data in the file style.css?

    Here is what I wrote (as you can see it’s super short, as i’m already super happy with the look&feel of the theme):

    h3{
    color: #7c0120;
    }

    a{
    color: #7c0120;
    }

    .faq{
    color: #7c0120;
    font-weight: bold;
    display: block;
    }

    Thanks in advance for your help.
    PS: I cannot give you any link as I’m developping this locally.

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

  • You shouldn’t be editing the theme’s style.css file directly. If the theme ever gets updated because of bug fixes, security patches, or feature enhancements, your changes will be lost. The recommended way to make CSS changes are by either creating a child theme or using a CSS plugin like Custom CSS Manager (I prefer using the plugin).

    However, the Flat theme’s style.css file is rather small because most of the CSS is actually in a different file (I supposed to keep users from accidentally overwriting the theme’s CSS), so as long as you make a copy of the style.css file somewhere as a backup, you’re probably OK.

    Those are pretty basic CSS rules, I’m surprised that IE9 isn’t displaying them properly. Just for kicks, I installed Flat and tried your CSS. My links in IE did change color. Is it only the CSS in the faq section that is not working? Hard to tell what might be wrong without being able to actually view the site.

    Thread Starter tournicotee

    (@tournicotee)

    hello!

    Thanks a lot for your answer.
    I had no idea about child theme (yes you can say I’m still a rookie!!) and with your link I think I got the right info, I’ll try this right away.

    And the good news is that today after one night of good sleep (and not changing anything in the CSS, IE is displaying my theme properly taking into account my CSS changes ?? The magie of IT!
    Maybe it was needed to restart my PC? Yesterday I tried to clean the cache of IE but still nothing was shown in IE…
    I reckon this will stay a mistery!

    So thanks a lot for the help and the child CSS info, I’ll try this right away ??

    OK, great. I would say that if you do create a child theme, and you use the sample style.css that’s in the instructions, then you may need to uncomment the @import statement at the bottom of the example. It just depends upon how the parent theme enqueues its stylesheet. If your child theme doesn’t seem to be using the parent style.css file, then uncomment that line.

    Thread Starter tournicotee

    (@tournicotee)

    I have just did a test and I see no difference when commenting or uncommenting the @import line… :/

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS ignored in IE9’ is closed to new replies.