get rid of image frames in HUM

  • Author
    Posts
  • #1217988

    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.

    #1218060

    This would do it.

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

    this didn’t work unfortunately

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

    any other thoughts?

    #1218177

    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…)

    #1218178

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

    #1218179

    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;
    }

The topic ‘get rid of image frames in HUM’ is closed to new replies.