PNG images have borders and white background, how to remove

  • Hi,

    I have png images in my site which should be without background and without any borders. I have made them with Photoshop and made sure that I used png-24 and ticked the transparency option. What is wrong here? This is driving me nuts! How do I remove these borders and make the background transparent?

    https://raccoonbox.com/sitedata/ota-yhteytta/

    I’m using wordpress 4.1 and Canvas theme.

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

  • Try this:

    .entry img, img.thumbnail, #portfolio .group.portfolio-img img {
    border: none
    }

    That’s a simple CSS rule that you should think about putting in your style.css in a child theme

    Hope it helps

    Thread Starter KozaG

    (@kozag)

    Whoa! It helped with the borders but the png’s are still NOT transparent. Any idea on that?

    I have this in my style.css

    img,
.entry img,
img.thumbnail,
#portfolio .group.portfolio-img img {
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
}

    and this in my Custum CSS Manager plugin

    .entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
 box-shadow: none;
}

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘PNG images have borders and white background, how to remove’ is closed to new replies.