Jump to content

allered

Circle Member
 View Profile  See their activity

  • Posts

    6

  • Joined

  • Last visited

 Content Type 

Posts posted by allered

    Add borders to website in 7.1 with CSS

    in Customize with code

    Posted

    Hi Guys, 

     

    this is my first post on this Forum so Hi everybody!

    I've built 5+ websites on the Squarespace platform as a Circle member and now I'm trying the new 7.1 system template.

    I've already asked to support for that but they suggested me to solve it with custom code.

    I need to add border all around the website, someone can help me with the CSS/HTML?

    I've found this code snippet on google but it doesn't work because the borders are shown only on the first part of the page and not all around the website... 

    <head>
<style>
body {
    margin:0px;
    background-image: url(http://i.imgur.com/LhxKJpU.jpg);
    }
.top, .left, .right, .bottom {
    display: block;
    position:absolute;
    width:100%;
    height:100%;
    }   
.top {
    border-top: 1em double #fff; top: 40px; z-index:100;
    }
.left {
    border-left: 1em double #fff; left: 40px; z-index:200;
    }
.right {
    border-right: 1em double #fff; right: 40px; z-index:300;
    }
.bottom {
    border-bottom: 1em double #fff; bottom: 40px; z-index:400;
    }           
</style>
</head>
<body>
<div class="top"></div>
<div class="left"></div>
<div class="right"></div>
<div class="bottom"></div>
</body>
</html>

     

    Thanks to anyone who helps me!
     

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources