Need help? Check out our Support site, then

get rid of image frames in HUM

  1. awaywiththespoons


    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

  2. This would do it.

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

    this didn't work unfortunately

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

    any other thoughts?

  4. awaywiththespoons

    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