How to remove image boarder in a child theme style.css?

lava_ca
February 8, 2012 at 6:52 pm #3150

Hi guys,

Sorry I know that removing image boarder has been discussed before. But I am trying to edit the child theme css so I don’t lose the settings after any upgrades. I’ve spent hours and tried to search this forum and wordpress.org forum without any success.

Can anyone please tell me how to remove the image borders in a child theme?

Thanks a lot!
Anonymous
February 8, 2012 at 6:54 pm #23605
Which image borders are you talking about? The widgets? Content?

If your talking about the images on your sidebar try this:
```
.sidebar p img {

border: none;

}
```
DSaz
February 8, 2012 at 8:44 pm #23606
Hey lava ca,

If you are talking about the images you insert into posts I have to suggestions

1.permanent css solution

Find the following css class and delete the row with the border attribute
```
.entry-content img, .child-page img {

border: 4px solid #E3E3E3;

margin: 5px;

}
```
2. On the fly solution

Check the image edit options and insert “0” in the border field.
Mod
Kenneth John Odle
February 9, 2012 at 12:20 am #23607
Add this to your child theme style sheet:

img {border:none;}

Please note that you can create custom border definitions in your style sheet and then apply them to individual images by adding that description to its css class.

For example, you can add this to your child theme style sheet:
```
.biggreenborder {

border: solid 10px #00ff00;

}
```
If you edit an image, you can click on “Advanced Settings” and add biggreenborder to the box labeled “CSS Class”. That image will then have a 10px solid green border. That way, you can add a border (or a shadow) to any image you would like even after you have stripped them out.
lava_ca
February 9, 2012 at 5:22 am #23608

Worked! I greatly appreciate everyone’s help.