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;

to

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 to render thin fonts more smoothly in CSS 3 on Windows?

    How to position the GWT dialog to the bottom right corner of the browser?

    How to use CSS to make an input fields behaves like a button click?

    CSS How to fix element position after some scroll without using jquery

    How to come back to original state with a toggle button in jQuery?

    How to refer to third level lists in css?

    How to create a CSS border surrounding an input box?

    How to get the profile pic aligned center?

    How to hide elements in navbar until hover in css?

    Third-Level Menu Items Are Always Showing

    How to build this layout with CSS?

    How do I display a continuous chain of image slides using SlideJS?

    How to add section numbers (1.2, 3.4.1) automatically using CSS?

    How to prevent span tags overlapping each other?

    How do you specify a css property to be applied only if the browser is IE in the stylesheet?

    How to properly use css will-change property?

    How to use Chrome Inspector to show the popup css for a jquery plugin

    How do I code CSS to “change” when I load/pull content using ajax?

    How do I align a div at the bottom right corner of a web page even if the content is less?

    How to minify css files with RequireJS

    How to force a responsive element to retain its aspect ratio [duplicate]

    How to use window height in css using jquery

    How do you make these div elements display correctly?

    How to display print preview as same as the webpage using css?

    How to make arc-in animation on a website - CSS or JavaScript?

    How do you control CSS styles from within the CMS interface in Zotonic?

    How to display message inline

    How should I go about this html form with Javascript

    Images set within CSS and not showing in the HTML [closed]

    How to make background scale from center outwards with CSS transition