Docs

[Ying-Fu Li]

Hi,

On a new website (http://venlokleurt.nl) I have built a sponsor block with several png files. As you can see on attached images the transparency disappears on the iPhone only to reappear when zoomed in. What might cause this?

[Thai]

Hi There,

Try adding the following CSS under Customizer > Custom > Global CSS:

@media (max-width: 480px){
    .pio_logo_item.pio_opacity  {
        opacity: 1 !important;
    }
}

Let us know how it goes!

[Ying-Fu Li]

Hi,

No, thats an effect of the plugin. What I mean is that the transparency of the .png itself disappears and turns white on iPhone only to return when zooming is.

[Christopher]

Hi there,

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thanks.

[Ying-Fu Li]

To my initial post I attached two images that clearly show what I’m getting at. In the first image you see how the sponsor logos show on the iPhone: the transparency of the .png files is replaced with white. Only when pinched to zoom (the second image) does the transparency show as it should.

My question is: what might cause this and what might solve it?

PS The opacity on the logos (which returns to ‘1’ when hovered) is *not* what I’m referring to since that is a feature of the Elements plugin I use and can be adjusted through its settings panel.

[Christopher]

Hi there,

Thanks for clarifying.

Upon checking your site on real phone and simulator, wasn’t able to replicate the issue. The images were displayin fine with no with background. Would you please clear cache on your phone and check again?

Thanks.

[Author]

Posts