Search code examples
csswordpressstylesheet

How to remove border of img for banners only in a Wordpress theme?

I like the Erudite Wordpress theme. However I don't want border for certain type of img, i.e. banners. I still want border for other images in the media library.

How can I edit the style.css to remove border only for banners?

For example, in this page here.

The image is: 

<img class="noborder" src="http://www.clomputing.com/wp-content/uploads/2013/02/available-on-appstore.png" width="280" height="80" />

And I tried the following in the style.css:

img.noborder { border:none; }

but the border is still there.

The full style.css is:

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
}

.alignright {
    float: right; 
}

img.noborder { border:none; }
Solution

  • For unknown reason, style.css is not included. I have to ftp into the site and edit erudite.css directly:

    .entry-content img.no-border {border:0 none; padding:0; margin:0;}