WordPress.org

Support

Support » Themes and Templates » [Resolved] 3D Text Shadow in IE9

[Resolved] 3D Text Shadow in IE9

  • Nice lite version of the theme. Almost ideal for my LOTRO kin site. I have added some custom CSS to suit my preferences…

    My main issue is getting readable post and widget titles in IE9. The 3D text-shadow effect is great in Firefox but terrible in IE9 (I think it is created using filters – since IE9 doesn’t support text-shadow). I’m looking at how to disable the effect completely in IE9. I disabled one filter but there seems to be another one somewhere… I’ll get it sorted but I thought that I’d suggest that the IE9 filters are just dropped from the theme!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Andrew Nevins

    @anevins

    Forum moderator

    To modify the theme, first create a Child Theme.
    Then, within the Child Theme style.css file, reset the filters to none on the elements you want;

    filter: dropshadow(color=#, offx=, offy=);

    I’m not keen on child themes. I prefer to remove unnecessary offending CSS rather than overwriting it… And I don’t intend to update the theme. Anyway, I removed the following filters from the main style.css and now its fine:

    line 820
    line 1136

    The website in question is: huntersoforome.co.uk

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Resolved] 3D Text Shadow in IE9’ is closed to new replies.