WordPress.org

Forums

CSS Drop Shadow help...again (7 posts)

  1. kloquewerk
    Member
    Posted 8 years ago #

    Hi guys, I'm trying to add drop shadows to my images. I am using the Fast-Lane theme and I guess there is some code written in there already to add a border around the image. When I use one of the drop shadow tutorials it tells you to add code to your stylesheet, which I do, but what file do I go into and add the divs in my theme?? I searched everywhere but can't find the answer. I'm looking for the page that contains where the images are so I can add the ".entry img" div to set the rules. Any help would be greatly sppreciated.

  2. ryoken
    Member
    Posted 8 years ago #

    If I'm understanding you correctly, your images are in your posts. So you would just want to add that div around an image in a post.

  3. kloquewerk
    Member
    Posted 8 years ago #

    Right, that's what I'm doing now. I actually got it to work in one post but in my stylesheet is seems as if it's only particualr to whatever image i'm assigning it to...if that makes sense. For example: If I assign the shadow to a 240x320 sized image i have to tell the padding and margins to follow that image size in my css file. Now when I post another image and say the size is 120x96 it will keep the same settings for the original image I posted and the shadow will be out of whack for the new image but still correct for the old one. Here is the code I'm using in my css if anyone can help:

    div.img-ilus {
    background: url(images/shadow.gif) no-repeat bottom right;
    margin: 0px 76px;
    padding: 1;
    position: relative;
    }

    div.img-ilus img {
    background-color: #fff;
    border: 1px solid #a9a9a9;
    margin: -5px 5px 5px -5px;
    padding: 4px;
    position: relative;
    vertical-align: bottom;
    }

    the "margin: 0px 76px;" is what's throwing it off. Does anyone know how to make this universal to be used with whatever size image I post? thanks again

  4. spencerp
    Member
    Posted 8 years ago #

    If you want one like Kitta.net has, example of it here:
    http://kitta.net/colophon.php

    It's listed down in the section for: "Programs/Code Used"
    she uses: Dunstan's Dropshadows - For images. I'm thinking about using that same plugin then. ;)

    spencerp

  5. kloquewerk
    Member
    Posted 8 years ago #

    Kitta was the first one who gave me the idea to do this a long time ago actually. She has the instructions posted for the same place I got my coding from. Still won't let me post different images with relative shadows matching the size of each image.

  6. spencerp
    Member
    Posted 8 years ago #

    Oh ok.. I'm trying to think, I could have sworn there was something else out there.. just can't remember where it was now.. sigh.. If I remember, I'll post about it then ok.

    spencerp

  7. kloquewerk
    Member
    Posted 8 years ago #

    ok, i think I found a way to do it now. I have to add a pixel size in my div when I post the image so it matches the size of the image. not a big deal to add more code to the post, I guess. but alas, now firefox won't show the drop shadows as would IE. off to find a solution for that. thanks for all your help

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags