-
Posts
-
I need to put a box shadow on the boxed container. I did this with your Propulsion theme (http://is.gd/36gzlA) and using #wrap_all. It’s not working with Enfold, nor is this (https://kriesi.at/support/topic/boxed-layout-box-shadow). Please help. Thanks!
Hi,
You can add this on your custom.css or Quick CSS
.responsive .boxed#top {
box-shadow: 50px 50px 50px #333;
}Regards,
Ismael
Hi janeyj,
Just tested it on my live install and this works and has some fallbacks as well:
.responsive .boxed#top {
-moz-box-shadow: 0px 30px 30px #000;
-webkit-box-shadow: 0px 30px 30px #000;
box-shadow: 0px 30px 30px #000;
}Regards,
Devin
This is exactly what I have:
.responsive .boxed#top {
box-shadow: 0px 30px 30px #371015;
-moz-box-shadow: 0px 30px 30px #371015;
-webkit-box-shadow: 0px 30px 30px #371015;
}
It won’t work for me. Even forced out of the browser and cleared my cache.
Hi,
Try this one. Please remove browser cache the reload the page. It is working on our end.
.boxed#top {
-moz-box-shadow: 0px 30px 30px #000;
-webkit-box-shadow: 0px 30px 30px #000;
box-shadow: 0px 30px 30px #000;
}Can you give us a link to your website?
Regards,
Ismael
Sorry, I thought I had. It’s here. http://is.gd/zr5xjo (although I’ll be moving it into the root directory in a couple of hours, so if that’s down, try this: http://is.gd/sA6tod).
I’ve tried the above, too, as well as all variations of #wrap_all and even tried including !important commands on all things we’ve tried.
Unfortunately it’s not possible to add a shadow to the box if you’re using a background image. The problem is the html structure which does not allow you to add the shadow to the box itself but you must apply it to the body element. If you can live without background image you can use following code:
.responsive .boxed#top{
-moz-box-shadow: 0 0 15px #111;
-webkit-box-shadow: 0 0 15px #111;
box-shadow: 0 0 15px #111;
}Otherwise you can’t add a shadow to the box at the moment – I’m sorry.
- The topic ‘Wrap box-shadow’ is closed to new replies.