Overriding CSS for ONE IMAGE

In the css file, add:
.noborder {border:0 none;}

In the post, for the image, change the class from “0” to “noborder”:

<img width="267" height="141" class="noborder" src="https://ericolympico.com/wp-content/uploads/2010/04/sig2.png" alt="">

Hi,

I tried this but it still didn’t change. I did everything you said.

Looking at your source code, I can see this:

<img class=”alignleft size-large wp-image-984″ title=”DSC_8327″ src=”https://ericolympico.com/wp-content/uploads/2010/04/DSC_8327-680×1024.jpg&#8221; alt=”” width=”338″ height=”509″ />

There’s no sign that you added the noborder class. You need to change the code to:

<img class=”noborder alignleft size-large wp-image-984″ title=”DSC_8327″ src=”https://ericolympico.com/wp-content/uploads/2010/04/DSC_8327-680×1024.jpg&#8221; alt=”” width=”338″ height=”509″ />

like jrav001 mentioned.

–

Hi,

I am not trying to remove the border from the picture, but from the signature image below. The source code is:

<img class=”noborder” src=”https://ericolympico.com/wp-content/uploads/2010/04/sig2.png&#8221; alt=”” width=”267″ height=”141″ />

there is a style on .hentry img { ... } which uses the !important on the border format; thererfore @jrav001’s idea needs this enforcement as well:

try to add this style at the end of colors.css, for instance:

img.noborder { border:none!important; background:transparent; }

GENIUS! It worked. Thanks, everybody!