white background behind transparent image

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; */
}

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?

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

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 4 years, 3 months ago by johannsf.

Thank you I will try that

I scanned my stylesheet that color code is nowhere

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 4 years, 3 months ago by johannsf.