Adding drop shadow to feature slider

[kellid 2]

Hi! I'm using platform pro and wondering how I would go about adding drop shadow to my feature slider. More specifically to the bottom of the slider so that it looks like it's standing up a bit? But drop show in general would give me a start. Also, I wanted to add a thin 2px light gray border around my boxes. I saw a previous post that said to add the following to the custom code but it did nothing for me. Any ideas? Lastly, is there a way to have a set of 3 boxes as well 1 soapbox of a different set on the same page? .fixed_width #boxes .dcol-pad { border: 1px solid #cccccc;} Thanks all!! K

[alisamski+ 9]

Link First, you need to make your shadow art.. this is what I used .. at link above. art size here is 960 x 400 (960 is the size of my pages) This is the custom css used below:

.page-id-2 #maincontent .content {min-height:400px; margin-left:-7px;}
	.mcolumn-pad{padding-top:1em; }
	
	.page-id-2 #maincontent .content  {background:url(http://PATH TO ART.PNG) no-repeat;
	}

Hope this helps.

[kellid 2]

help!!!

[kellid 2]

thanks Alisa!! I really appreciate the response ) Kelli

[catrina 103]

Did Alisa's solution help or do you still need assistance?

[kellid 2]

it didn't look as good as it did on Alisa's site. i wanted to put drop shadow on 3 or 4 sides of the feature slider.

[catrina 103]

Can you post a link to your site? The CSS might be slightly different...

[kellid 2]

sure. www.modelalliance.org usr:kelli psw:modelall2011 thank you!!

[timlinson 3]

For all 4 sides, I would style it with something like this: ` #feature_slider { box-shadow: 5px 5px 5px gray, -5px 5px 5px gray, -5px -5px 5px gray, 5px -5px 5px gray; -moz-box-shadow: 5px 5px 5px gray, -5px 5px 5px gray, -5px -5px 5px gray, 5px -5px 5px gray; -webkit-box-shadow: 5px 5px 5px gray, -5px 5px 5px gray, -5px -5px 5px gray, 5px -5px 5px gray; } `

[alisamski+ 9]

@Tim You created a shadow effect with CSS?

[kellid 2]

That's great!! I just changed the offset and blur...thanks so much Tim!! K

[timlinson 3]

Alisa: yes, with css3.