• Resolved TheJaredIsham

    (@thejaredisham)


    I ran the optimization and now my transparent logo images that were .png files now do not register as transparent on the webpages. When I view the image directly it looks like it works but on the webpage it replaces the transparency with a grey background.

    Tried removing the plugin but the issue is still there. Cleared browser cache, CDN Cache, still nothing. I’m assuming it adjusted the CSS code or something?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter TheJaredIsham

    (@thejaredisham)

    Just found that Lazy Load added a background-color of #bcbcbc to my images…does that really speed up load time?

    Not sure where to turn it off but I’ll remove it from my css file.

    Hi @thejaredisham,

    Hummingbird plugin offers caching and file optimization for CSS and JS files, it doesn’t affect images and only Lazy Loading option available in Hummingbird is for comments.

    If there’s some CSS that is already applying such background but is overwritten with additional code it’s possible that Asset Optimization affected that when the files were optimized but that would then be resolved when the plugin was disabled.

    Due to that, this doesn’t seem to be Hummingbird related but could you share an URL of your site where one of those images can be seen so we can check where that specific CSS could be coming from?

    Cheers,
    Predrag

    Thread Starter TheJaredIsham

    (@thejaredisham)

    Good to know – I’m not sure what happened. I didn’t notice the issue until I ran the asset optimization. I am noticing now that I get this weird extension to the end of the css files.
    …/style.css?ver=5.5.1

    Not sure if that is my CDN, Elementor or Hummingbird.

    Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @thejaredisham

    The ver=5.5.1 is added from WordPress itself in case no version is defined when the style is registered.

    The Hummingbird assets optmization will compress the files, and combine if the theme is a weak CSS selector when the assets optmization combine the files it can override a style.

    Is the issue gone if you flush all caches and disable the Assets Optimization?

    You can also access the page using this on the URL:

    /?avoid-minify=true

    E.g:

    www.mysite.com/about/?avoid-minify=true

    This will prevent the Assets Optmization module for debugs.

    It so, would it is possible to let us know what is the page URL where you are having this problem so we can check if a CSS solution for you?

    Best Regards
    Patrick Freitas

    Thread Starter TheJaredIsham

    (@thejaredisham)

    I ended up isolating the CSS that was giving the issue and added it in to my custom CSS.

    img.lazyload { background-color: transparent!important;}

    Now that I have that I am running through the optimization again to hopefully speed up my site a bit more.

    Thanks.

    Plugin Support Saurabh – WPMU DEV Support

    (@wpmudev-support7)

    Hello @thejaredisham,

    Godo to know that, so just to confirm, everything looks good on your end?

    Thank you,
    Prathamesh Palve

    Thread Starter TheJaredIsham

    (@thejaredisham)

    Yes, it looks good on my end.

    Plugin Support Saurabh – WPMU DEV Support

    (@wpmudev-support7)

    Hello @thejaredisham,

    As that looks good on your end, I will mark this thread as resolved but should you need any help or have any doubts, please open a new thread and we would be happy to help.

    Thank you,
    Prathamesh Palve

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Transparent PNG Image issue’ is closed to new replies.