Welcome to Geeklog Wednesday, June 19 2019 @ 06:48 am EDT

Geeklog Forums

Prof. Theme CSS - add box-shadow to [imageX]?


Status: offline

xardoz

Forum User
Regular Poster
Registered: 24/02/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: 14/01/05
Posts: 1569
Location:la rochelle, France
Hello,

You could add .story-body img class like this

PHP 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: 24/02/04
Posts: 98
Thanks, Ben - got it to work with this (based on your suggestion):
PHP 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: 05/08/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

All times are EDT. The time is now 06:48 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