Border Around Image

Look in the theme’s style.css file for the img tag.

Thank you samboll. I am new to WP, what do I do when I go to that file. Thanks.

It will be something in your style.css sheet that looks like this (or similar)

img {
	padding: 2px;
	border: 1px solid #d9d8c8;
	background: #fff;
}

You would just want to remove the line or edit the one with border!

Trent

Well, searched my .css. I did not find anything that looked like that. Below is the section on images in my .css. Would I delete the last section in bold?
Thanks.

/* Gallery
————————————————–*/

#spg {
margin: 0 0 0 0;
text-align: left;
}

#spg #image {
text-align:center;
}
#spg .imgwrapper {
float: left;
margin-right: 12px;
padding: 2px;
margin-bottom: 12px;
}
#spg .imgwrapper span {
display:block;
font:9px verdana, sans-serif;
text-align:center;
}
#spg .imgwrapper img {
background-color: #ffffff;
border-bottom: 1px solid #a3a3a3;
border-right: 1px solid #a3a3a3;
border-top: 1px solid #f5f5f5;
border-left: 1px solid #f5f5f5;
padding: 4px;
}
#spg .imgwrapper a:visited img {
background-color:#ffffff;
}
#spg .imgwrapper a:hover img, #spg .imgwrapper a:focus img {
background-color: #dcdcdc;
}
/* #spg .imgwrapper a:hover, #spg .imgwrapper a:focus {
color: #8BACD7;
} */

#spg #single {
padding:7px;
border-bottom: 1px solid #a3a3a3;
border-right: 1px solid #a3a3a3;
border-top: 1px solid #f5f5f5;
border-left: 1px solid #f5f5f5;
background:#ffffff;
}

#spg #gallery {
float: left;
margin: 0 0 0 0;
}
#spg #directories ul {
list-style:none;
padding-bottom:1px;
padding-left: 0;
margin-left: 0;
text-indent: 0px;
}
#spg #directories li {
margin-bottom: 5px;
margin-left: 0px;
padding: 5px 10px 5px 44px;
background: #ffffff url(images/mx4/cam.gif) no-repeat 6px 4px;
border: 1px solid #dcdcdc;
}

/* Entry Images
————————————————–*/

.entry img, .content.entry img a {
padding:7px;
border-bottom: 1px solid #a3a3a3;
border-right: 1px solid #a3a3a3;
border-top: 1px solid #f5f5f5;
border-left: 1px solid #f5f5f5;
background:#ffffff;
}

.entry img a:hover {
background-color: #dcdcdc;
}

/* Entry Images
————————————————–*/

#content.cams img, #content.cams img a {
padding:7px;
border-bottom: 1px solid #a3a3a3;
border-right: 1px solid #a3a3a3;
border-top: 1px solid #f5f5f5;
border-left: 1px solid #f5f5f5;
background:#ffffff;
}

#content.cams img a:hover {
background-color: #dcdcdc;
}

/* Random Images
————————————————–*/

.random a img {
margin-left: 6px;
margin-bottom: 6px;
padding: 4px;
border-bottom: 1px solid #a3a3a3;
border-right: 1px solid #a3a3a3;
border-top: 1px solid #f5f5f5;
border-left: 1px solid #f5f5f5;
background:#ffffff;
}

.random a:hover img{
background-color: #dcdcdc;
}

Change this:

/* Entry Images
————————————————–*/

.entry img, .content.entry img a {
padding:7px;
border-bottom: 1px solid #a3a3a3;
border-right: 1px solid #a3a3a3;
border-top: 1px solid #f5f5f5;
border-left: 1px solid #f5f5f5;
background:#ffffff;
}

.entry img a:hover {
background-color: #dcdcdc;
}

To this:
/* Entry Images
————————————————–*/

.entry img, .content.entry img a {
}

.entry img a:hover {
background-color: #dcdcdc;
}

Steve

Woah! Don’t post up an entire CSS sheet! Anyways, it has many different references to the img tag and some kind of a border. For example:

.random img = Randam image on your site
#spg .imgwrapper img = in your gallery image borders
Entry Image has borders

You see what I mean? Any time img is referenced and below it has any of the following, it has a border!

border:
border-bottom:
border-right:
border-top:
border-left:

So many places to change it according to that sheet anyways!

Trent

*Edit* Steve beat me to it, but has the right idea.

Steve to the rescue for me again. It worked. Thank you. I have learned so much from you over the last couple of days.

Samboll and Trent, thanks also. Sorry about posting too much ??