imagelinks have RED border

  • Resolved plastiquemonkey

    (@plastiquemonkey)


    18 years, 9 months 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: https://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: https://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="https://www.plastiquemonkey.com/wp-content/uploads/2006/02/fresh960.jpg"
    rel="lightbox">
    <img src="https://www.plastiquemonkey.com/wp-content/uploads/2006/02/fresh440.jpg"
    /></a>

Viewing 5 replies - 1 through 5 (of 5 total)

  • 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).

    Thread Starter plastiquemonkey

    (@plastiquemonkey)

    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…

    https://www.plastiquemonkey.com

    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.

    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

    Thread Starter plastiquemonkey

    (@plastiquemonkey)

    thanks!!! that works great.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘imagelinks have RED border’ is closed to new replies.