get rid of image frames in HUM

• 

  awaywiththespoons · Member · Apr 9, 2013 at 2:46 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  thesacredpath · Member · Apr 9, 2013 at 5:04 pm

  • Copy link

  This would do it.

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

• 

  awaywiththespoons · Member · Apr 12, 2013 at 10:43 am

  • Copy link

  this didn’t work unfortunately

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

  any other thoughts?

• 

  awaywiththespoons · Member · Apr 12, 2013 at 10:55 am

  • Copy link

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

• 

  thesacredpath · Member · Apr 12, 2013 at 1:55 pm

  • Copy link

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

• 

  thesacredpath · Member · Apr 12, 2013 at 2:02 pm

  • Copy link

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