Archived

This topic is now archived and is closed to further replies.

  • 0

Box Shadow On 3 Sides


Question

Posted · Report post

Hi There

 

Is it possible to create a box shadow (or a drop shadow) on 3 sides? See attachment to get an idea of what I wanting to achieve. I am essentially wanted to created a black transparency border around all 3 visable sides of the footer and all 4 sides of the main content area.
This is the css i tried to get BS to display on the top of the footer and one of the sides which did not work, see the footer display on this page: http://janetnicol.co.nz/?page_id=23

    -webkit-box-shadow: 0px -10px 0px rgba(0, 0, 0, 0.15);
                    0px 10px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    0px -10px 0px rgba(0, 0, 0, 0.15);
                    0px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         0px -10px 0px rgba(0, 0, 0, 0.15);
                    0px 10px 0px rgba(0, 0, 0, 0.15);

 

Or is it best to set a background image to the wrapper of each section?

post-41056-0-15693400-1356003166_thumb.j

post-41056-0-98635200-1356003435_thumb.j

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Just realised I could set wider dimensions for the site overall or set the width of the footer and content area to be wider than the site width, either could allow the space to create a transparent border at 10px solid.
 

When it comes to achieving such styling with PL which approach would you recommend to get the best cross browser result?

 

Here is my current progress: http://janetnicol.co.nz/?page_id=23

 

I am also a bit confused about your comment. The section of this forum is titled Customisation which is what I am asking questions about. I do go to w3schools site and find info there that I use. I am still relatively new to this. I signed up with pagelines foremost as a graphic designer doing webdesign with some but not an extensive coding knowledge. I am using PL to support my lack of coding and CSS skills i have - these skills are getting better all the time but I still need some support with customisation. Please explain what I can and can't ask help for here.

 

All your support to date is greatly appreciated.

Share this post


Link to post
Share on other sites

Posted · Report post

Think I have this one all sorted.

 

Many thanks

Share this post


Link to post
Share on other sites