Welcome to Geeklog, Anonymous Sunday, November 24 2024 @ 08:02 am EST
Geeklog Forums
Prof. Theme CSS - add box-shadow to [imageX]?
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!
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!
9
12
Quote
Status: offline
::Ben
Forum User
Full Member
Registered: 01/14/05
Posts: 1569
Location:la rochelle, France
Hello,
You could add .story-body img class like this
.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
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
10
10
Quote
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):
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.
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.
9
11
Quote
Status: offline
beewee
Forum User
Full Member
Registered: 08/05/03
Posts: 969
Location:The Netherlands, where else?
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
Dutch Geeklog sites about camping/hiking:
www.kampeerzaken.nl | www.campersite.nl | www.caravans.nl | www.caravans.net
9
9
Quote
All times are EST. The time is now 08:02 am.
- Normal Topic
- Sticky Topic
- Locked Topic
- New Post
- Sticky Topic W/ New Post
- Locked Topic W/ New Post
- View Anonymous Posts
- Able to post
- Filtered HTML Allowed
- Censored Content