Support » Theme: Montezuma » No greyscale-images in Firefox 27

  • Resolved WP-Dummie


    I really like the style of Montezuma!

    But since the latest version of Firefox (27) the greyscale-images on are gone. And it does not work on Safari, but there are full-color-images instead. I can accept that.

    I made a local installation which I updated to WP 3.8.1 but it’s still broken. I know another Installation and looked there and it is okay … What can I do?

    Please explain in dummie-modus, I’m a designer not a developer ;o) and my english is far from beeing perfect …

Viewing 8 replies - 1 through 8 (of 8 total)
  • I found the same broken effekt on this testing-site:
    CrouchingBruin linked that site here, so I hope, maybe he could help?

    Unfortunately, I haven’t been able to figure out what the problem might be. I disabled all of my plugins and I also reset all of my Montezuma options to the default, with no luck. And I have another test site where everything looks OK under Firefox, as well as this site that I maintain, so it’s a mystery. Usually, when I see something that displays wrong in Firefox but not in Chrome or IE, it’s because of a coding problem (like an unclosed DIV) or a syntax error in a CSS file. I’ll look at it again this weekend to see if I can figure it out.

    OK, I finally figured out the problem. For some reason, my sandbox site was having a problem reading the filter file that’s pointed to in /images/gray-filter.svg.

    Go into your various.css file and add this rule to the bottom:

    .post-thumb img.img_grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */

    It’s basically the gray-scale.svg file that’s copied inline.

    @crouchingbruin you are my superhero!!!
    Thanks, thanks, thanks!!
    Is there any risk with this link or will it work forever and ever?

    [And I’m a little tiny dummie-hero too, because when I saw that it didn’t work in the various.css I figured out all by myself, that I had to add your filter to the “normal” style.css (line 600) and now it’s working.]


    when I saw that it didn’t work in the various.css I figured out all by myself, that I had to add your filter to the “normal” style.css (line 600)

    Do you mean you edited the /wp-content/uploads/montezuma/style.css file? If you did, then your changes will be lost the next time you save any of the Montezuma options. The style.css file is created by combining all of the virtual CSS files every time the options are saved. You should make your change in the virtual post.css file (you should be able to find the same rule in there); that way your modification will be saved, even if the theme is upgraded.

    Congratulations. I see from all of the changes that you’ve done, like creating your own widget areas in the footer and styling the icons for the different widget titles, that you are far from being a “WP-Dummie.”

    Okay! Thank you for your advice.
    I will try that (but maybe after the weekend ;o)).

    Oh, I sure am a dummie! But WP-professionals are always so nice. They blog about WP solutions and comment and help and everything … I only “know” HTML and CSS ;o)

    You meant: Design > Montezuma Ptions > CSS Files > Posts.css??

    I found the rules there. But if I put them there an delete them in my style.css (or comment them out) it does not work. Maybe I should save my style.css in case of a montezuma update? I normaly save everything local before updating it …
    I think I HAVE TO SAVE the style.CSS, because there might be other changes I made in that file.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘No greyscale-images in Firefox 27’ is closed to new replies.