WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] imagelinks have RED border (6 posts)

  1. plastiquemonkey
    Member
    Posted 8 years ago #

    hi. using benevolence theme and recently added the lightbox plugin (javascript overlay of larger images linked from thumbnails or smaller versions, see it here: http://www.m3nt0r.de/blog/lightbox-wordpress-plugin/).

    in benevolence, all the links are red. the lightbox code acts on an "imagelink" (the thumbnail linking to the larger image). but in benevolence that means the thumbnail images are showing up with a RED border, which i don't want.

    i edited the CSS to try to define a subclass of links as "imagelinks" without the red border. but my attempts either has no effect or else got applied to all the links. that's no surprise: i don't really know what i'm doing.

    i'm happy with the text links (non-lightbox) staying as they are. but i want the border around the image in this post: http://www.plastiquemonkey.com/?p=137 and others like it to go away.

    can you help?

    here's the lightbox imagelink code:

    a class="imagelink"
    title="click for a closer look"
    rel="lightbox"
    href="http://www.plastiquemonkey.com/wp-content/uploads/2006/02/fresh960.jpg"
    rel="lightbox">
    <img src="http://www.plastiquemonkey.com/wp-content/uploads/2006/02/fresh440.jpg"
    /></a>

  2. FruitFly
    Member
    Posted 8 years ago #

    Try adding this to your CSS:

    .imagelink a {border: 0}
    .imagelink a:hover {border: 0}

    That should make the border go away (both on the link and the hover), unless there's something else in the code that I'm missing (which is entirely possible).

  3. plastiquemonkey
    Member
    Posted 8 years ago #

    thanks for the answer. but still no luck.

    does it matter where i put the code you suggested? i tried it before, after, and in the middle of the "a" commands on the stylesheet, with no apparent effect...

    http://www.plastiquemonkey.com

  4. FruitFly
    Member
    Posted 8 years ago #

    Hrmm. I think I'm having brain issues today.

    Try this instead:

    a.imagelink {border: 0}

    And if that doesn't work, someone who's thinking clearer than I am will want to step in.

    As far as where to put it, it should be fine anywhere in your CSS.

  5. Ment0r
    Member
    Posted 8 years ago #

    Hey plastiquemonkey

    i have answered you on my comments, but i saw this thread so ill just copy my hint:

    For removing all borders, type this somewhere in your CSS:

    img { border: 0; }

    For removing only borders on linked images, put this line:

    a img { border: 0; }

    Best regards

  6. plastiquemonkey
    Member
    Posted 8 years ago #

    thanks!!! that works great.

Topic Closed

This topic has been closed to new replies.

About this Topic