borders around images – cant get rid of them!!!

If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then install this Custom CSS Manager plugin https://www.ads-software.com/plugins/custom-css-manager-plugin

Then use its “CSS Code” section of the dashboard to hold your CSS modifications:

Alternatively use your Child Theme style.css file to hold your CSS modifications:

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

the border is created by line 842 and 843 in style.css of your theme.
delete both to delete the border.

i am using a child theme. , Julian, will this be in my main css? should I delete them from the main content, or add a line to the child theme css?

Andrew, I’ve added that into my child theme css, but it has not changed at all :/

if you using a child theme, you can simply add the code from Andrew to the style.css from your childtheme.

hmmm, so it worked…kinda, but not really.
Perhaps my issue is something different.
if you view here: https://dev.guyatoneus.com/history/

(the site im working on)
and compare it to the old one here:
https://guyatoneus.com/

you can see that there is a white background for all the images, even the transparent PNG images. I can’t figure out why!

Which image specifically? This one has a white border within it, use Microsoft Paint to get rid of it: https://guyatoneus.com/sitegraphics/History%20Graphics/Kent-Musical-Instrument-Company-satallite-photoSMALL.jpg

Thanks for the reply Andrew!

That image is fine. If you look below it though you’ll see an example where there is the letter “G” and letter “K” (photos of old guitar logos)
on the new dev site Im working on they are inside of a white box, but really the images are png with a transparent background. They show up correctly on the old site, but not on the new one.

I can’t remember having this problem before, but I had to change themes and layouts due to incompatibility with the new woocommerce and old theme -Simplicity

Can you link to a screenshot of what you see? I can’t see the issue.

heres what it looks like now, and then what it should, and used to look like next to it.

or is it working correctly for you?

Oh right, instead of the code I recommended above do this:

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

awesome, it worked!
Thanks Andrew!