Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Jul 2008
    Thanked 2 Times in 2 Posts

    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?

    Last edited by pumalean; 12-29-2012 at 03:04 AM.

  2. #2
    New to the CF scene
    Join Date
    Dec 2012
    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:

    <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".

    #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.

  3. Users who have thanked Paripka for this post:

    pumalean (12-29-2012)


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts