CodingForums.com - View Single Post - Resolved How To Get Rid of Lines Around Image?

Paripka · 12-28-2012, 01:14 PM

Hello pumalean,

The borders around those images are being created by the same styling that is adding borders to the images directly above them. If you only want to remove the borders from the buttons you mentioned then you have a few options.

1. You can edit the HTML. This would mean finding the two image tags, and editing them to include a style attribute:

Code:

<img src="http://richmondcomputerdoctor.com/images/business-button.png" style="border-width: 0px" />

If you have the same situation across several pages then this method would become inefficient, as you would have to find each tag on each page.

2. You could change the style declaration. It is in line 528 of the file "/wp-content/themes/clockstone/style.css".

Code:


#container a img.image_shadow {border:1px solid #dadada;}

The above change to the style declaration would mean the border applies only to images with the class of image_shadow, like the two images above your mentioned buttons. However, if this specific border is being relied on for other images in other sections of your site this may cause them to loose their border as well.

12-28-2012, 01:14 PM	PM User \| #2
Paripka New to the CF scene Join Date: Dec 2012 Posts: 4 Thanks: 0 Thanked 2 Times in 2 Posts	Hello pumalean, The borders around those images are being created by the same styling that is adding borders to the images directly above them. If you only want to remove the borders from the buttons you mentioned then you have a few options. 1. You can edit the HTML. This would mean finding the two image tags, and editing them to include a style attribute: Code: <img src="http://richmondcomputerdoctor.com/images/business-button.png" style="border-width: 0px" /> If you have the same situation across several pages then this method would become inefficient, as you would have to find each tag on each page. 2. You could change the style declaration. It is in line 528 of the file "/wp-content/themes/clockstone/style.css". Code: #container a img.image_shadow {border:1px solid #dadada;} The above change to the style declaration would mean the border applies only to images with the class of image_shadow, like the two images above your mentioned buttons. However, if this specific border is being relied on for other images in other sections of your site this may cause them to loose their border as well.