Two shadows, same div - Post ID 241318

User 10077 Photo


Senior Advisor
1,095 posts

http://uscni.net/blueheron/blueheroncardscom/

I want a shadow on both sides of the container. Currently, I have

.container.cont-body {
box-shadow: -2px 0px 0px #000000;
box-shadow: 2px 0px 0px #000000;
}


but that's obviously not working. Is it possible to put two css shadows on the same div?
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including training for Site Designer and Web Form Builder via Zoom.
Email me at support@usconsumernet.org or call 865-687-7698.

Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
User 2484360 Photo


Registered User
3,293 posts

Brian Durfee wrote:
http://uscni.net/blueheron/blueheroncardscom/

I want a shadow on both sides of the container. Currently, I have

.container.cont-body {
box-shadow: -2px 0px 0px #000000;
box-shadow: 2px 0px 0px #000000;
}


but that's obviously not working. Is it possible to put two css shadows on the same div?


You can but you can not add two box-shadow as the last will overwrite the first. :P

Do it like this:

box-shadow:
10px 0px 10px -7px rgba(0,0,0,0.5),
-10px 0px 10px -7px rgba(0,0,0,0.5);


User 10077 Photo


Senior Advisor
1,095 posts

Thanks! It works great!
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including training for Site Designer and Web Form Builder via Zoom.
Email me at support@usconsumernet.org or call 865-687-7698.

Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
User 2484360 Photo


Registered User
3,293 posts

Pleasure. :)

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.