CSS question: how to remove the border from an image in WordPress

Tags: css,border

Problem :

I'd like to remove the border from an image in WordPress.

It's the latest default theme (twenty eleven?)

In another question on this, I saw a link to a page that said, to change the "border-width" value. So I searched for "border-width" and changed the px value to "0", but this didn't do the trick.

I'm a beginner, so if possible simple steps will help. E.g. "change this to this" or "add this in this place in the css"

The image I'd like to remove the border from is the signature at the bottom of this page: http://richardclunan.com/

There's also a border around the photo closer to the top of that page, which I can either keep or get rid of that border. If I get rid of it, then I'll probably add a border to the image itself, if it's easier to get rid of all borders in the css.

Thanks, Richard

Solution :

You can either change

border: 1px solid #DDD;


border: 0;

@ style.css line 935

But that will affect all images in that style.

If you don't want that you can add an extra class to the image, e.g. no-border and add:

#content .no-border { border: 0; }

in your stylesheet

    CSS Howto..

    How do I align an icon right next to “Click here”?

    my website not worked in Ipad and how I can fix some small issue? [closed]

    How can you resize li labels without resorting to coupling or absolute sizes?

    How can we retrive style from css by selector without creating element?

    How do I align these links inside inline-blocks to the top?

    How to change font-size of multiple elements using jQuery

    How to create a ribbon shape in CSS

    css: how to target p a img

    CSS: How to ignore an element so parent's padding will accomodate to other elements?

    How to fit image into table cell by height with CSS (where the height is not defined explicitly)

    How to target the chrome browser for Mac only?

    How to stick to bottom on layout by using CSS?

    How To Insert Some Content Before An HTML Element In The Runtime Using CSS

    How to let the user choose a page number?

    GTK+ 3 CSS: How to specify text alignment for a label?

    Can User-Agent affect how CSS is rendered on a page?

    How to add a CSS class depending on URL path?

    How to change the width of dynamically generated list boxes, based on user input?

    Angular 2: How to change an element’s CSS class onclick and to remove all others (Plnkr)

    Off-canvas navigation: How to make a second-level menu slide in on top of first-level menu without covering body text?

    How to convert an image for a website menu button into CSS

    How to crop image with css

    css only. Click on li, show nested ul and li. Release mouse button, must continue show nested ul and li

    How to add spacing between two rows of multiple divs each

    how to remove one canvas element from displaying on top of another canvas element

    How to move “+” to right i n css?

    How do I keep my footer at the bottom of the page without it coming up automatically to fill space if there is little content?

    Meteor how to serve multiple css for different media types?

    how to have a div with two images in any of 9 possible positions

    Jquery/CSS, how to have and access multiple (left) panels, while adjusting main content container automatically