sceptre8

#9282

I know this question has been asked before but I didn’t understand the solution. I want to remove the border around certain images only and leave them on others. I know how to add custom CSS to get rid of all borders on all images.

This was the solution in that specific question provided by Prasanna SP-

Quote:

Put those images within <div class="no-image-border">image</div> tag and use this CSS,

.no-image-border .entry-content img, .no-image-border .child-page img {

border:  none;

}

I know how to add the custom CSS but I don’t know how to “Put those images within <div class="no-image-border">image</div> tag and use this CSS,”

Can someone please explain in simple terms how to do it?

Many, many thanks

Peter

[Mod]

Kenneth John Odle

#43225

Since this isn’t purely a Graphene issue, I’ve written a brief tutorial here that offers a slightly different way. You will probably need to use the selectors Prasanna indicated, or something similar.

sceptre8

#43226

Hi Kenneth

That didn’t work so I just added this code to remove all borders

#content .entry-content a img,

#content .entry-content img {

border: 0;

}

That looks OK to me.

Thanks anyway

Peter

[Mod]

Kenneth John Odle

#43227

You can use the way you mentioned in your original post, but it requires using the text editor. I assumed you were using the visual editor.