drop shadow around an image
-
I am using WP 1.5, juicy is the theme I am using, I have shadow.gif and shadowAlpha.png saved in …/themes/juicy/images/
The css for my theme for the drop shadow is:
.img-shadow {
float:left;
background: url(images/shadowAlpha.png) no-repeat bottom right !important;
background: url(images/shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 00px 0 0 5px;
}.img-shadow img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}Whenever I post a photo, it aligns left like it is supposed to but I just end up with a solid line/border around the photo instead of a line and shadow. My photo looks like the first cat photo here: https://www.alistapart.com/articles/cssdropshadows/ It has a border but no shadow. Any suggestions on what I may be doing wrong?
- The topic ‘drop shadow around an image’ is closed to new replies.