Why are my .png files not transparent?
My .png files aren’t transparent. How can I fix this?
Blog url: http://cherylmurphywrites.wordpress.com/
They seem to be transparent, which ones are you referring to?
Neither one of them are coming transparent. I’ve checked in both chrome and safari. They are in a white box on my blogs.
Are you sure that they were uploaded with transparency?
I don’t think I understand what you mean. As far as I know, there isn’t an option when you upload. I created them transparent, trying both illustrator and photoshop since I couldn’t figure out why it wasn’t working. They are transparent images.
I just created another transparent png file in now a third different way and still no transparent file on my blog.
The images are indeed transparent, but the theme you’re using is adding white background too all the images in a post.
This should be able to overwrite using the some CSS and the Custom Design upgrade:
You can also overwrite this on a per image basis, by adding inline css to the image tag in the html editor.
Something like this should work:
<img src="http://cherylmurphywrites.files.wordpress.com/2012/02/photoshopsignature.png" style="background:transparent;" />
Hope this helps.
I tried adding the html. It didn’t work. :( I don’t plan to upgrade because I don’t make any money off of the blog.
Thank you for trying, though. I guess I just have to live with it.
Okay, if you’d like, we can take a look at the post you added the inline CSS to. Would you mind sending a link?
But some more info:
When I just added the line as given above, it simply put another, full sized image in, also not transparent.
So I tried to chop it down to just style=”background:transparent;” and add it into the already placed html size (which is the current set-up) and that didn’t make it transparent. If you want, I can just take out the other html and just use the one line (which just put the full sized image in with no transparency).
I don’t know what would be more beneficial to you. I’m not familiar enough with html to know exactly what I’m doing but I’m always willing to play with it until I get what I want. Unfortunately that isn’t always very effective. :)
That does appear to have worked in this case, but the old images may be caught in your cache.
Would you please try clearing your browser’s cache?
After clearing cache: It totally seems to have worked here but not on the other one. Or maybe it’s just that it has a border I can’t seem to get rid of and it’s making me think it’s not transparent?
Yep, it’s definitely transparent at http://cherylmurphywrites.wordpress.com/2012/02/14/the-confusion-of-setting/
The border is applied by the theme and not affected by transparency.
Okay, then I guess I’ll live with it.
Thank you all so much for your help! At least now I can make sure it’s transparent.
The topic ‘Why are my .png files not transparent?’ is closed to new replies.