Jump to content


Photo
- - - - -

Standardizing the image border for entire site

borders images box-shadow

Best Answer catrina , 10 May 2013 - 03:11 PM

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).

Go to the full post


  • Please log in to reply
2 replies to this topic

#1 mbreese1

mbreese1

    Advanced Member

  • Members
  • 39 posts
  • Framework Version:Pro
  • Country: Country Flag

Posted 10 May 2013 - 02:32 PM

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



#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 10 May 2013 - 03:11 PM   Best Answer

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

Please Login or Register to see this Hidden Content

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).



#3 mbreese1

mbreese1

    Advanced Member

  • Members
  • 39 posts
  • Framework Version:Pro
  • Country: Country Flag

Posted 10 May 2013 - 03:22 PM

Thank you, Catrina :)







Also tagged with one or more of these keywords: borders, images, box-shadow