Archived

This topic is now archived and is closed to further replies.

  • 0

Standardizing the image border for entire site


Question

Posted · Report post

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

Share this post


Link to post
Share on other sites

2 answers to this question

Posted · Report post

The selectors need to be more specific, so instead of just using "img" try:

#page img._______

You would fill the blank in with the class for the thumbnail images (which you can find in Firebug by inspecting the thumbnail image). There would need to be a separate selector that follows this for Quickslider (separated with a comma).

Share this post


Link to post
Share on other sites

Posted · Report post

Thank you, Catrina :)

Share this post


Link to post
Share on other sites