Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hi Jonny,

    Thanks for choosing Apex!

    I visited the site in Firefox and was able to see the Featured Images. However, they did load quite slowly, so it’s possible the browser timed out the session before loading them. I would recommend resizing your images, and compressing them to speed up the site.

    For instance, the blue image on this page is 4288x2848px and has a filesize of 4.4MB which is very large for loading on a website. I resized this image to 1200x797px and compressed it using TinyPNG. The filesize is now just 155KB and it will look just as good on the site.

    Here’s a comparison of the current image and the one I resized/compressed:

    Original Image: https://pics.competethemes.com/3T1D1M3t1j1u/image-original.jpg
    New Image: https://pics.competethemes.com/2n292x0v0Q2G/image-new.jpg

    If you resize and compress each of your Featured Images, your site will load way faster and the images will likely appear in Firefox again.

    Thread Starter 11811

    (@11811-1)

    Hey Ben,

    Yeah, I just dropped those in as is.. was gonna optimise after… this is not the problem tho…
    the problem is in Firefox on Mac… i have noticed that if i edit the rtl.css img.no-object-fit and remove the left: 50% and right: auto this fixes the problem – not sure how that effects anything else – just screwing around in firefox inspector… plus i’m a designer not a coder so probably should just stick to what i know rather than pulling my hair out over this ??

    anything you can suggest would be appreciated..

    good day man
    jonny

    Theme Author Ben Sibley

    (@bensibley)

    Okay I see now. It looks like this is an issue specifically with RTL display and older versions of Firefox (and Internet Explorer).

    I will address this in the next update, but for now try adding this CSS to the Custom CSS section in the Customizer (Appearance > Customize):

    .featured-image > img.no-object-fit,
    .featured-image > a > img.no-object-fit {
      left: auto !important;
      right: 50% !important;
    }
    Thread Starter 11811

    (@11811-1)

    awesome… thanks Ben. appreciate the help.

    great theme by the way and documented well enough so a crappy coder like me can get what he needs out of it… but don’t check my css tweaks, i’m sure they are terrible… ??

    thanks man have a great morning/day/evening

    jonny

    Theme Author Ben Sibley

    (@bensibley)

    Lol no problem, glad I could help!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Firefox not showing featured images’ is closed to new replies.