Results 1 to 5 of 5
  1. #1
    Join Date
    Jan 2016
    Location
    Netherlands
    Posts
    150
    Plugin Contributions
    0

    Default Make a shadow border around mainpage

    Goodmorning all!!
    Name:  voorbeeldslagschaduw.jpg
Views: 178
Size:  49.8 KB
    I have a question. I would like to make a little shadow around the mainpage (see picture):

    I have made a png file with only a shadow, and I wanted to place that on top, but for some reason it is not working (I am not a css hero).

    This is part of the original css file. The shadow-png should be on top of the contentmainwrapper.. Do you know what I have to add to place the shadow.png on top of the contentmainwrapper? Or are there other ways

    Code:
    html	{
    background-image: url("../images/grotachtergrondwit.jpg");
    margin:0 0px;
    background-repeat: repeat;
    background-position: top ;
    height: 1600px ;
    }
    
    
    body {
    color:#9a9a9a;
    background-image: url("../images/bovenkantbodywinieuwelayout.jpg");
    font: 12px arial, sans-serif;
    margin:0 0px;
    background-position: top ;
    background-repeat: no-repeat;
    height: 1155px ;
    
    }
    
    
    #contentMainWrapper {
    margin: 0;
    background-image: url("../images/grotachtergrondwit.jpg");
    }
    
    
    
    /*wrappers - page or section containers*/
    #mainWrapper {
    text-align: left;
    width: 910px;
    vertical-align: top;
    background-image: url("../images/row_11.png");
    height: 50px;
    background-repeat: no-repeat;
    background-position: right;
    }
    This is the test-page without the shadow-border.. :
    http://www.merlins-cave.nl/cavestore...ndex&cPath=828

  2. #2
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    12,404
    Plugin Contributions
    87

    Default Re: Make a shadow border around mainpage

    The following, when appended to your site's stylesheet.css, should get you close to what you are looking for:

    Code:
    #contentMainWrapper {  box-shadow: 0 0 10px grey; }

  3. #3
    Join Date
    Jan 2016
    Location
    Netherlands
    Posts
    150
    Plugin Contributions
    0

    Default Re: Make a shadow border around mainpage

    Hi Lat,

    ohhh that sound great, I will try this this afternoon :)

  4. #4
    Join Date
    Jan 2016
    Location
    Netherlands
    Posts
    150
    Plugin Contributions
    0

    Default Re: Make a shadow border around mainpage

    hi lat9,

    It worked, thank you so much :)

  5. #5
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    12,404
    Plugin Contributions
    87

    Default Re: Make a shadow border around mainpage

    You're very welcome!

 

 

Similar Threads

  1. Drop shadow around mainwrapper
    By rayring in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 1 Feb 2011, 03:19 PM
  2. remove border around around images (not image border)
    By Otha in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 23 Aug 2010, 06:03 AM
  3. Placing Images (Shadow/Glow/Etc) Around Outside Border of Entire Store
    By BigSash in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 11 Nov 2008, 01:46 AM
  4. Remove button drop shadow/border
    By strongfarmer in forum Basic Configuration
    Replies: 0
    Last Post: 12 Dec 2007, 11:42 AM
  5. Border on mainpage
    By shopjackiesjewels in forum Templates, Stylesheets, Page Layout
    Replies: 13
    Last Post: 5 Jun 2006, 09:40 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR