WordPress.org

Ready to get started?Download WordPress

Forums

Transparent Image Background (7 posts)

  1. ppcanning
    Member
    Posted 2 years ago #

    Hi, I'm new to WP and I recently uploaded a png image with transparent background to the homepage but the background still shows up white and does not blend with the page.
    I'm using the Evolve Theme 1.2.6
    Here's the link
    http://www.carlascustomcakesanddesserts.com
    Thanks

  2. ClaytonJames
    Member
    Posted 2 years ago #

    around line 468 in your style sheet.

    .entry-content img, .entry-content .wp-caption {
    background: none repeat scroll 0% 0% #FFFFFF;
    box-shadow: 0pt 1px 2px #999999;
    height: auto;
    max-width: 620px;
    padding: 5px;
    }

    The items I placed in bold are causing the issue. #FFFFFF is causing the white background, box-shadow is causing the outline.

  3. ppcanning
    Member
    Posted 2 years ago #

    I apologise, but I am new to this. After I find this code, do I delete what you have placed in bold or will I have to do more advanced editing.

    Thanks for taking the time to help.

  4. ClaytonJames
    Member
    Posted 2 years ago #

    This is going to affect all images in the content areas on your site, not just this one image, so just comment out the two lines for now. Change it to this and give it a try;

    .entry-content img, .entry-content .wp-caption {
    /* background: none repeat scroll 0% 0% #FFFFFF; */
    /* box-shadow: 0pt 1px 2px #999999; */
    height: auto;
    max-width: 620px;
    padding: 5px;
    }

    That way you can put it back the way it was if you find it interferes with other features you may want to use.

  5. ppcanning
    Member
    Posted 2 years ago #

    I still can't find the code. Do you know which folder it might be in.
    Thanks

  6. Phil
    Member
    Posted 2 years ago #

    Your stylesheet can be accessed from:

    'Appearance' --> 'Editor'

    ...and it should open up your stylesheet (style.css).

  7. ppcanning
    Member
    Posted 2 years ago #

    I finally found the code in a folder called base.css. I commented out both lines but it didn't seem to work so I deleted them and it worked perfectly. Thank you both very much for your help.

Topic Closed

This topic has been closed to new replies.

About this Topic