CodingForums.com

CodingForums.com (http://www.codingforums.com/index.php)
-   HTML & CSS (http://www.codingforums.com/forumdisplay.php?f=13)
-   -   Resolved How To Get Rid of Lines Around Image? (http://www.codingforums.com/showthread.php?t=284946)

pumalean 12-28-2012 09:01 AM

How To Get Rid of Lines Around Image?
 
Here is the page.

scroll down to the mid of the page and you'll notice there are lines around the buttons- ''small business computer repair'' and ''residential computer repair''.

Those are png image files. And I'm using Wordpress for the site.

How to get id of the lines?

thanks

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.


All times are GMT +1. The time now is 03:12 AM.

Powered by vBulletin®
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.