Status: offline

xardoz

Forum User
Regular Poster
Registered: 02/24/04
Posts: 98
determined
Hi,

I'm reworking the Professional theme and would like to adjust how it handles the CSS for [imageX] tag inserted images to incorporate the box-shadow style - so I can have a drop shadow on my images. I can add it to the img in the CSS, but that changes all the images, not just the [imageX] images.

Any Geeklog CSS experts out there with some tips on this?

Thanks!

Status: offline

::Ben

Forum User
Full Member
Registered: 01/14/05
Posts: 1569
Hello,

You could add .story-body img class like this

Text Formatted Code

.story-body img {
  border:1px solid #DDDDDD;
  background-color: #FFFFFF;
  margin:3px 10px;
  padding:5px;}
 


Only images in the stories will have this 1px border.

::Ben
I'm available to customise your themes or plugins for your Geeklog CMS

Status: offline

xardoz

Forum User
Regular Poster
Registered: 02/24/04
Posts: 98
Thanks, Ben - got it to work with this (based on your suggestion):
Text Formatted Code
.story-body img {
  border:1px solid #DDDDDD;
  background-color: #FFFFFF;
  margin:3px 10px;
  -moz-box-shadow: 5px 5px 10px #888;
  -webkit-box-shadow: 5px 5px 10px #888;
  padding:5px;
}
 


the -moz makes it work in Firefox, and the -webkit supposedly makes it work in Safari, but I can't check that as I'm a PC guy.
box-shadow is NOT supported in IE, I'm afraid. Maybe in IE 9.

Status: offline

beewee

Forum User
Full Member
Registered: 08/05/03
Posts: 969
Hi, perhaps this will help: http://ole-laursen.blogspot.com/2009/08/using-css3-box-shadow-with-ie.html
Dutch Geeklog sites about camping/hiking:
www.kampeerzaken.nl | www.campersite.nl | www.caravans.nl | www.caravans.net