Skip to main content
P.Daguerre
Known Participant
Aug 1, 2018 10:34 AM UTC
Answered

Create a dropshadow round documents and pictures?

Several years ago a created a webb-site with the aid of Dreamweaver 8. Since I couldn't use it together with win 10 I recently got Dreamweaver CC wich works almost identically. Back then I had some help with my creation and have built it larger by the years. Now I had to reconstruct the index-site and just like before I have a slider centered (by Wowslider) on the page but I just cannot recall how the dropshadow round the photos was made. Can anyone help me out??

Peter

petereversphotography.se

    This topic is closed to new replies. Start a new post to keep the conversation going.
    osgood_Correct answer
    Legend
    Aug 1, 2018 10:52 AM UTC

    Use css box-shadow on the image container......include the below in your css stylesheet:

    .ws_images {

    box-shadow: 10px 10px 10px #b3b3b3;

    }

    14 replies

    osgood_Correct answer
    Legend
    Aug 1, 2018 10:52 AM UTC

    Use css box-shadow on the image container......include the below in your css stylesheet:

    .ws_images {

    box-shadow: 10px 10px 10px #b3b3b3;

    }

    Translate
    P.Daguerre
    Known Participant
    Aug 1, 2018 12:37 PM UTC

    Hi Osgood,

    Thanks for your rapid answer.

    I have added your text (although I have written10px 10px 5px #b4b4b4; because that's how the dropshadow is defined on other pages in my webb-site) to the bottom of my CSS-sheet, but nothing seems to happen. I have also tried to reload the actual pages without any changes to appear. What have I omitted or done wrong??

    Peter

    Translate
    Legend
    Aug 1, 2018 12:52 PM UTC

    P.Daguerre  wrote

    Hi Osgood,

    Thanks for your rapid answer.

    I have added your text (although I have written10px 10px 5px #b4b4b4; because that's how the dropshadow is defined on other pages in my webb-site) to the bottom of my CSS-sheet, but nothing seems to happen. I have also tried to reload the actual pages without any changes to appear. What have I omitted or done wrong??

    Peter

    Where do you want the drop shadow to appear, which page/pages?

    I don't see that you have added the suggested css to the Peter Evers Foto.css file which is linked to the homepage???

    As an aside note you should NOT use spaces in your filenames - its best practice to use - peter_evers_foto.css

    Translate