Some images missing only on Chrome

  • Resolved meurergroup1

    (@meurergroup1)


    6 years, 4 months ago

    I installed the Really Simple SSL on my HostGator site.

    I completely cleared cache and browsing history on Safari, Firefox and Chrome (Mac).

    The site looks fine on Safari and Firefox. On Chrome, the site also works fine, but there are are a couple of cover images that do not show up.

    All images are hosted in the same place in the WordPress images library. URL is https://ReimaginingPolitics.org .

    All suggestions appreciated! Thank you.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Rogier Lankhorst

    (@rogierlankhorst)

    The image can load over https without problems, because when I uncheck a style in the dev console, it shows up. If you disable this style:

    @media screen and (min-width: 48em)
.background-fixed .panel-image {
    background-attachment: fixed;
}

    The image is back. So it looks more like a css issue. There are no console errors regarding SSL. Possibly you need to adjust your css to get the image to show.

    Thread Starter meurergroup1

    (@meurergroup1)

    thank you so much for the quick response and solution Rogier. Can you tell me where to find the “dev console” on the WP admin backend to disable this style?

    Thread Starter meurergroup1

    (@meurergroup1)

    With permission Rogier, can you tell me why the images work on Safari and Firefox?

    Will disabling the setting above disrupt the smooth functioning of the other two browsers?

    I do not know a thing about CSS. If this requires coding, I am probably screwed. Ha, ha.

    Plugin Author Rogier Lankhorst

    (@rogierlankhorst)

    I use the developer console in Chrome to check stuff like styles. You can enter it by clicking view/developer/developer tools (in Chrome).

    If you then select the html element where the image should show, you see this style. Disabling it shows the image. This is a browser compatibility issue in the CSS: the css works fine in Firefox, but apparently not in Chrome.

    It seems to be a known issue:
    https://stackoverflow.com/questions/24901474/background-attachment-fixed-not-working-in-chrome

    You can contact the theme developer about this.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Some images missing only on Chrome’ is closed to new replies.