Shadow on main page.

[Emanuel91]

I want to do a shadow in the main page.

I have this code:

 

#page {
padding: 10px;
-webkit-box-shadow: 0px 0px 50px rgba(50, 50, 50, 0.74);
-moz-box-shadow: 0px 0px 50px rgba(50, 50, 50, 0.74);
box-shadow: 0px 0px 50px rgba(50, 50, 50, 0.74);
background: #FFF;
}

 

where I should to put this code? in global.css? if is there, what row??

[Tung at RockPOS.com]

Hello,

Yes, global.css is the good place. Simply to insert it at the end of that file.

 

Cheers,

Tung

[Emanuel91]

Hello,

Yes, global.css is the good place. Simply to insert it at the end of that file.

 

Cheers,

Tung

 i do that and all my background become white.

Look on this website to understand better what I want to do: http://handmadecardsbykd.co.uk/

I want to make shadow for white background. I think I was pretty clear.

[mickeyboy1]

 i do that and all my background become white.

Look on this website to understand better what I want to do: http://handmadecardsbykd.co.uk/

I want to make shadow for white background. I think I was pretty clear.

 

You could try putting this

#columns {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
}

at the bottom of themes/your-theme/css/global.css

 

Thats what is used on the site you linked to

[Emanuel91]

You could try putting this

#columns {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
}

at the bottom of themes/your-theme/css/global.css

 

Thats what is used on the site you linked to

 

yep, is good, but is transparent. how can change the transparency?

[Emanuel91]

i added background-color: white; } 

Thank you mickeyboy1!!

[vekia]

yep, is good, but is transparent. how can change the transparency?

 

you can deal with 0.6 value in rgba(0, 0, 0, 0.6);

 

1.0 - full opacity

0.5 - half opacity

0.0 - no opacity (transparent)