get rid of image frames in HUM

  • Author
  • #1217988


    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.



    The blog I need help with is


    This would do it.

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

    this didn’t work unfortunately

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

    any other thoughts?


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


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


    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.