get rid of image frames in HUM
-
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)
-
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.