Firefox reduces images into stripes

  • mauvan

    (@mauvan)


    6 years, 11 months ago

    I have this strange behaviour of images in Firefox. The same pages are displayed properly in Chrome or IE. Firefox on iOS works fine too.
    If you look at this page in Firefox (refresh if necessary w/Ctrl-F5) all images are reduced to stripes. After resizing the page they are displayed well.

    Mozilla dev/support doesn’t think of anything else than hardware acceleration-issue, but that’s no solution.

    (I use theme Uno. Uno-support gives no answer unless I pay $60 or so for 1 yr.)

    Anyone recognizes this?

    The page I need help with: [log in to see the link]

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    6 years, 11 months ago

    Try installing this plugin: https://wordpress.org/plugins/custom-css-js/

    Then in the “Edit JS Code” section add this:

    
jQuery(document).ready(function($) {

    $(window).resize();
});

    Save & check if the issue persists.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    6 years, 11 months ago

    I would strongly recommend renewing your support service for that theme, not just for this issue but any future issue you will face.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    6 years, 11 months ago

    Mozilla dev/support doesn’t think of anything else than hardware acceleration-issue, but that’s no solution.

    It is certainly a problem with your theme. It sounds like the support at Mozilla were not familiar with WordPress and did not know the answer.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    6 years, 11 months ago

    The problem is that Firefox is not calculating the height of the image properly, and the JavaScript that calculates the width is therefore incorrect.

    I think the solution is to use standard ‘height’ and ‘width’ attributes on image elements so that browsers can interpret the images consistently.

    This is a solution for your theme developer.

    Thread Starter mauvan

    (@mauvan)

    6 years, 11 months ago

    I’ve tried the Custom JS CSS plugin. Did not work.

    Off topic: I bought this theme more than a year ago. No issues, works fine. But it is only a hobby (more or less) and then I do not even have time enough to complete my website. So there’s my consideration: renew expensive support for only 1 issue, or try another way to display images, for example Foobox/Foogallery.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    6 years, 11 months ago

    The decision is of course yours to make, but any modifications or theme issues will need a developer familiar with your setup – whether that’s the theme developer or a developer you hire.

    Thread Starter mauvan

    (@mauvan)

    6 years, 11 months ago

    Of course, I’m aware of that:)….
    But I also found out that other ‘showcases’ of this theme do not have these problems. I once asked someone who works with this theme about it and she did not know of this issue. It just worked as it should work.
    I also installed the theme on a new, clean WordPress environment without plugins, imported the demo-files: same issue.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Firefox reduces images into stripes’ is closed to new replies.