How To Add Shadow To Post/Page Images Only

[Kim]

Hi. I got this code from Brian Dalton's site and added it to my style.css. It made a wonderful shadow, but I don't want the images in my sidebar to have shadows.

img {
-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 50);
-moz-box-shadow: 7px 7px 5px rgba(50, 50, 50, 50);
box-shadow: 7px 7px 5px rgba(50, 50, 50, 50);
}

I tried adding the .post- to the code since that is in my .css but it removed all the shadows from all images:

.post-img {
-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 50);
-moz-box-shadow: 7px 7px 5px rgba(50, 50, 50, 50);
box-shadow: 7px 7px 5px rgba(50, 50, 50, 50);
}

Example of the shadow I don't want in the sidebar
Example of a page where I do want shadows

Thanks!

http://www.strengthforwomen.org

[Brad Dalton]

Hi Kim

Brad Dalton here.

So you only want it to effect images within the content area of posts, pages and archives and not in sidebars or widget areas?

---

Tutorials for StudioPress Themes.

[Brad Dalton]

I updated that post with 3 more examples which answer your question.

---

Tutorials for StudioPress Themes.

[Kim]

Awesome, Brian, thank you! Just what I needed. =)

[Brad Dalton]

Brad.

---

Tutorials for StudioPress Themes.

[Kim]

I'm so sorry! Brad!!!!!! =(

[Author]

Posts