Image Placeholder Background Color While Loading

  • Resolved neotechnomad

    (@neotechnomad)


    3 years, 5 months ago

    The background color for content areas of my site, such as entry-content, is an off-white color.
    When images are loading in the content areas, the “place-holder” for the image as the image is loading has a background-color of white. This contrasts with the content areas off-white background color.
    It is white whether just an image or within a wp-caption.
    I have tried multiple ways through CSS to change this, to no avail.
    How do I change this image “place-holder” background-color to “transparent” while images are loading?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator bcworkz

    (@bcworkz)

    I’m not seeing any placeholder image. I’ve throttled my connection speed down to help ensure I’d see any placeholders, but nothing.

    As a guess, the image itself would need to be edited (with Photoshop, GIMP, etc.) so that its background is transparent.

    Incidentally, your page’s font preloads have relative path references. Relative paths must be avoided in WordPress, they will often go 404, as they do on your linked page. For example:
    <link rel="preload" href="fonts/ancient_medium-webfont.woff2" as="font" type="font/woff2" crossorigin="anonymous">

    I see what you mean — the image loads in from top to bottom inside a white rectangle and the speed depends on your internet connection.

    I think a solution for this would be using lazy load. Smush is the most popular plugin with this feature. This way, the visitor will have to wait until the image is fully downloaded, but it’ll appear fully formed all at once.

    Thread Starter neotechnomad

    (@neotechnomad)

    Thanks, @rickymccallum87

    I chose a3 Lazy Load as it has a high rating and I can set the background color.
    This thread is closed now.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Image Placeholder Background Color While Loading’ is closed to new replies.