Changing Characteristics of a Linked Image in Comment Area

[sjbmaine]

I am struggling with removing the border around linked images that appear within the image comment area. Following is the code as it appears for one of these.

<div class="serendipity_imageComment_left" style="WIDTH: 110px"><div class="serendipity_imageComment_img"><a class="serendipity_image_link" href="http://jenniferbeckley.com/index.php?/p ... html"><img height="66" src="http://www.jenniferbeckley.com/uploads/ ... yThumb.jpg" width="110" /></a></div>

I have played with the following classes in the style sheet to eliminate the border, with no success. What am I doing wrong? How do I get rid of the border? You can see an example here: http://www.jenniferbeckley.com/index.ph ... sutra.html

.serendipity_image_link a, serendipity_image_link a:hover{
border: 0px;
.serendipity_imageComment_center a, .serendipity_imageComment_left a, .serendipity_imageComment_right a {
background:none;
border: 0;}
.serendipity_imageComment_center a:hover, .serendipity_imageComment_left a:hover, .serendipity_imageComment_right a:hover {
background:none;
border: 0px;}

Thanks for your help!

[Don Chambers]

Hi Susan! Find this in your stylesheet:

Code: Select all

/* styles for the images */
.serendipity_imageComment_img, .serendipity_imageComment_img img {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

and add border: 0; to it.

[sjbmaine]

Thanks, Don!

[Don Chambers]

You're welcome!