remove all the white border around picture

terredoc · Member · Dec 13, 2011 at 8:46 pm
Copy link

Add topic to favorites
hello,
I would like to know what is the css to remove all the white sideber (border) around all the picture.
and on the comment icone on the head of each article, there is a white square behind, how can I also remove it?
thanks!
http://terredoc.wordpress.com

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Dec 13, 2011 at 9:03 pm
Copy link
On the comment bubble, you would have to make a new image since the existing image has a white background to the bubble.

On the border on the images, do this.
```
a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img {
background: #E2E1E0;
border-color: #E2E1E0;
}
```
The above turns the background/border the same color as your background. I did it this way because removing the background and border caused the images to start jumping around when you hovered over them and I couldn’t figure out what was causing that.
thesacredpath · Member · Dec 13, 2011 at 9:06 pm
Copy link
On the comment bubble, after creating the image with the transparent background, upload it to the media library, bet the URL and then add the following to your CSS and replace IMAGE URL between the double quote marks with the URL of your new image. Make sure and save it as a transparent PNG and make sure there is no background color in the image.
```
.entry-header .comments-link a {
background: url("IMAGE URL") no-repeat scroll 0 0 #EEEEEE;
}
```
terredoc · Member · Dec 13, 2011 at 9:20 pm
Copy link
for the border on the image it’s just perfect it’s work has I want… thank you.
but I don’t understand what I have to do with the comment bubble.
I make a new image and what I have to do with it ?
thesacredpath · Member · Dec 13, 2011 at 11:10 pm
Copy link
You make the new image to match the old one in size and such with no background, and save it as a PNG with transparency. You upload that image to your media library, get the URL of that image and then put that URL into the following in your CSS where it says IMAGE URL between the double quote marks.
```
.entry-header .comments-link a {
background: url("IMAGE URL") no-repeat scroll 0 0 #EEEEEE;
}
```

No items found.