Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1036

    Im trying to remove the (largeish) dark borders that surround the main page column and Portfolio thumb-nails, I tried to follow the Dudes tutorials, but got even more confused, I placed the snippet of code into the CSS file, but when I go to edit the Post in the WordPress editor, I cant see the imgsrc element of the featured image.

    The template looks very good except for these difficult to remove borders which I feel add nothing in terms of style.

    One other thing, how do I remove the dotted lines that seem to abound?

    #33719

    Hey,

    What’s the site URL (just to make sure I get the code right)?

    James

    #33720

    Hey James, the site is http://www.dalemedia.net I appreciate your assistance. :-)

    #33721

    To remove the borders you need to find following code in style.css:

    a img, a:hover img{
    z-index: 2;
    position: relative;
    border: 1px solid;
    }

    .entry img{
    padding:4px;
    display:block;
    border:1px solid;
    }

    Please replace border:1px solid; with border:none; like here:

    a img, a:hover img{
    z-index: 2;
    position: relative;
    border: none;
    }

    .entry img{
    padding:4px;
    display:block;
    border: none;
    }

    The Dude

    #33722

    Thanks for your efforts, the effect is not quite what I was expecting as the the whole article now jumps around by 2px when you mouseover the image. I think Ill just give up on trying to figure it out, Ive spent way too much time on such a little thing :-)

    If you could help me with one thing, the template fields are split up by 1px dotted lines which I would like to delete (see http://dalemedia.net) as you can see one runs straight through the logo. Appreciate it Buddy!

    #33723

    Ok then we’ll solve your border problem via an hack – open your style4.css and change

    a img, a:hover img, .entry img, #top .wp-caption{
    border-color:#ccc;
    }

    to

    a img, a:hover img, .entry img, #top .wp-caption{
    border-color:#fff;
    }

    This code will change the color of the borders from grey to white – so they’re still there but the user can’t see them :-) and there’s no mouseover effect.

    To your second problem:

    To remove this horizontal line please open your style4.css and delete following line:

    .hr { background: transparent url('../images/skin4/border_horizontal.png') repeat-x center right;  }

    This image is also used for the siteheading underline if you want to remove the dotted line of the siteheadings too:

    .siteheading, .entry h4, .entry h3{
    background: transparent url('../images/skin4/border_horizontal.png') repeat-x bottom right;
    }

    The Dude

    #33724

    thank you for your help.

    #33725

    No problem.

    The Dude

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Image Borders’ is closed to new replies.