Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #23685

    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 (http://www.kriesi.at/support/topic/boxed-layout-box-shadow). Please help. Thanks!

    #120777

    Hi,

    You can add this on your custom.css or Quick CSS

    .responsive .boxed#top {
    box-shadow: 50px 50px 50px #333;
    }

    Regards,

    Ismael

    #120778

    It doesn’t appear to be working. Any other ideas?

    #120779

    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

    #120780

    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.

    #120781

    I even tried putting it directly in grid.css rather than custom…

    #120782

    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

    #120783

    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.

    #120784

    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.

    #120785

    Ah. At least I know I’m not doing something wrong. This is just a construction page anyway so it’ll be fine. Thank you for your help!

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Wrap box-shadow’ is closed to new replies.