Search the Community

Good morning! **My site is in maintenance mode but more than willing to give the login if someone can help me with this** My site khadija-annette.com has a lovely box-shadow around featured images and quickslider and I would like to apply the same to ALL images that appear in my site (in posts, sidebar text widgets, boxes, product images (woo commerce) etc). I *thought* I could just do: img { -webkit-box-shadow: 0px 1px 2px rgb(254, 254, 254) !important; -moz-box-shadow: 0px 1px 2px rgb(254, 254, 254) !important; box-shadow: 0px 1px 2px rgb(254, 254, 254) !important; } But unfortunately that doesn't do crap. Any ideas? I've tried inspecting with firefox but none of those elements seem to do anything ( body .content img, .entry_content img, .aligncenter, .alignnone). Any ideas would be GREATLY appreciated! Bree

I've got a site where the header, navbar, and content all share a white background, so they are all sitting inside of, basically, a white box. I want to style that "box" with the following CSS: { -moz-box-shadow: 0 0 5px #B7A2A3; -webkit-box-shadow: 0 0 5px #B7A2A3; box-shadow: 0 0 5px #B7A2A3; } But I can't find anyway to select a containing element that includes all of them together. I'm only able to select elements within (like the header, navbar, etc) which, of course, adds the box-shadow around each element...not the effect I want. I've tried both fixed and fluid with layouts but can't seem to work this out. What am I missing?