white background behind transparent image

  • Charmer83

    (@charmer83)


    5 years, 5 months ago

    Can someone please help me figure out why the 2 image on this page have a white background on images I created as a .png I have tried everything I can to figure it out but not having any luck. Thank you

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • johannsf

    (@johannsf)

    5 years, 5 months ago

    Your body tag has a white background. Your page has a blue background. If you take out the body background you end up with a blue background, which won’t be what you want either. You may want to create any effects on the image itself with a white background. Here’s the css that changes the body:

    @media screen
    style.css:309body {
    font-size: 1.4em;
    line-height: 1.618;
    color: #6c6360;
    font-family: “Open Sans”, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    padding: 0 1.618em;
    /* background: #ffffff; */
    }

    Thread Starter Charmer83

    (@charmer83)

    5 years, 5 months ago

    Thank you for helping I have already done that change on my child theme but I guess it’s not using it… any idea why?

    Thread Starter Charmer83

    (@charmer83)

    5 years, 5 months ago

    Now I’ve gotten the image background fixed and the child theme installed and activated, however now there is another problem. Not only is the a border around the images, that whole area lost the correct width. I need help

    johannsf

    (@johannsf)

    5 years, 5 months ago

    Hi – I’m glad you’re making progress! Your image and its div are wrapped in:

    post img, .type-page img {
    padding: .53em;
    /* border: 1px solid #e3e7e8; */
    }

    You can also add border: none; to the CSS for post img and type-page tags. If you scan your CSS for the border color – #e3e7e8 it will help you find all the places it’s inserting itself in to your page. Good luck.

    • This reply was modified 5 years, 5 months ago by johannsf.
    Thread Starter Charmer83

    (@charmer83)

    5 years, 5 months ago

    Thank you I will try that

    Thread Starter Charmer83

    (@charmer83)

    5 years, 5 months ago

    I scanned my stylesheet that color code is nowhere

    johannsf

    (@johannsf)

    5 years, 5 months ago

    There’s a way around that. Add the following css to your additional css:

    post img, .type-page img {
    border: none;
    }

    That will disappear the border.

    • This reply was modified 5 years, 5 months ago by johannsf.
Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘white background behind transparent image’ is closed to new replies.

Tags