Need help? Check out our Support site, then


get rid of image frames in HUM

  1. awaywiththespoons
    Member

    Hello!

    do you know how to get rid of the image frames using CSS? They are not on every image, but most have a grey and think 1px frame.

    thanks

    becca

    The blog I need help with is blog.beccarose.co.uk.

  2. This would do it.

    img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
    border: none;
    }
  3. awaywiththespoons
    Member

    this didn't work unfortunately

    custom CSS did not like "img[class*="align"], img[class*="wp-image-"]," or "img"

    any other thoughts?

  4. awaywiththespoons
    Member

    sorry, meant to say it kind of works, but it has affected the alignment of all the images (some are indented whilst others are not...)

  5. Hmmm, worked fine for me in Firebug. That is the code directly out of the original CSS. Let me have another look.

  6. I hadn't noticed there is also a background declared that only shows up on hover on linked images. Add this to your CSS in addition to the other.

    a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img {
        background: none;
        border-color: #BBBBBB;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic