Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    Regular Coder
    Join Date
    Apr 2010
    Posts
    220
    Thanks
    116
    Thanked 1 Time in 1 Post

    #Container border questions (trying to do a drop shadow)

    Here is the dev. site:

    https://parallax-tactical.myshopify.com/

    Password: aintab

    Basically, all I am trying to do a drop shadow border for both left and right sides of the container, but right now it is a thick border. Furthermore, I would like the border to be flush against the website. Currently there is a 10px gap on either side.

    Any help would be GREATLY appreciated. Im pulling my hair out over here.

    Thank you

  • #2
    Senior Coder
    Join Date
    Aug 2006
    Posts
    1,269
    Thanks
    10
    Thanked 277 Times in 276 Posts
    The shadow border you often see on web sites is a graphic image, not something done with CSS. Frankly I don't know how you'd do it with CSS other than perhaps the new CSS3 box shadow stuff.

    Dave

  • Users who have thanked tracknut for this post:

    BlackReef (06-01-2013)

  • #3
    Regular Coder
    Join Date
    Apr 2010
    Posts
    220
    Thanks
    116
    Thanked 1 Time in 1 Post
    Ok interesting, thank you

  • #4
    Regular Coder
    Join Date
    Apr 2010
    Posts
    220
    Thanks
    116
    Thanked 1 Time in 1 Post
    Would anybody happen to have the CSS code to do a small shadow graphic on the borders?

  • #5
    New to the CF scene
    Join Date
    Dec 2006
    Location
    MA, USA
    Posts
    6
    Thanks
    0
    Thanked 1 Time in 1 Post
    to .container add
    box-shadow: 0, 0, 10px rgba(0,0,0,0.5);

  • Users who have thanked wolfcry911 for this post:

    BlackReef (06-03-2013)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •