By samthomas on

Hello,

I was wondering if someone could help me, have been trauling the internet looking for a solution, and maybe have not been looking in the right page!

I am building a website using drupal6, have fusion subtheme created for the site.
my question is, is there a neat piece of CSS code i can use in my style sheet to add a small shadow to an individual block and individual node?

typically i have been styling blocks and nodes like this:

#node-35 {
margin-top:-15px;
}

#block-block-8 {
margin-top:-20px;
}

is there anything i can use to drop a shadow around these segments within the code above?

shadow on the bottom and right hand sides of the blocks/node body

any help on this would be most appreciated.

many thanks Sam

⋅ Categories: Drupal 6.x

Comments

sravanglitter’s picture

sravanglitter commented

Hi,

Use the following css for the block and node.

#node-35 {
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
box-shadow: 5px 5px 5px #ccc;
// for IE use this
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30); -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
}

#block-block-8 {
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
box-shadow: 5px 5px 5px #ccc;
// for IE use this
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30); -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
}

samthomas’s picture

samthomas commented

that is fantastic, thank you so much.
which part can adjust the opacity of the shadow? need it a little darker.

thanks sam