white background on png images

  • Resolved concept360

    (@concept360)


    11 years ago

    Hi, I hope someone here can point me in the right direction.
    I have inserted a PNG image with transparent background in the body of my site and for some reason, it shows with the background filled in with white and a slight drop shadow.
    I’ve tried changing the theme to test and the image appears, as it should, with no background colour in other themes.
    This concludes that the Evolve theme is adding background and border somewhere in the css. However, after hours of trawling through the many files and countless internet searches for a solution, I am getting nowhere.
    I thought about adding something in the custom css, but I’m not sure how to go about it. i.e.
    .what would I call it? {border: none; background: none;}

    Any pointers will be gratefully received.

    Kevin

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter concept360

    (@concept360)

    Anyone?

    Thread Starter concept360

    (@concept360)

    Ok people, through trial and error, I found a solution for this issue.
    So, just in case someone else out there is also pulling their hair out here’s what worked for me:
    go to Appearance/evolve Settings/custom css and paste in this:
    .entry-content img, .entry-content .wp-caption {box-shadow:none;border:none;
    background:none;}

    Alternatively, open the base.css in an editor and search for the following (around line 611) and delete what I’ve highlighted in bold:
    .entry-content img, .entry-content .wp-caption {box-shadow:0 3px 3px rgba(0,0,0,.05);height:auto;padding:5px;border:1px solid rgba(255,255,255,.95);background:rgba(255,255,255,.8);}

    mads6

    (@mads6)

    Thanks for the info, concept360! But I do not see a “bass.css” editor. Where do I find that? Here is my test website – https://test2014.kenagyassociates.com/blog/ You will see the the header image is what i am trying to fix.

    Thread Starter concept360

    (@concept360)

    Hi Mads6,
    The base.css is on the server.
    Using your FTP client, navigate to your theme folder then ‘library/media/css’ . Download it and edit it in an editor.
    However, I don’t think your issue is the same as mine.
    I use a logo in the header of the site I am working on and it has never been a problem.
    See here: https://www.360examples.net/concept360/
    My issue was only concerning images in the main content area.

    I’ve just checked on your site and the image (logo) you are using in the header is a .jpg which is why it has a white background.
    You need to use a .PNG24 if you want transparency.

    Hope this helps.

    Kev

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘white background on png images’ is closed to new replies.