Frame around whole website

Ask the community
,
1

Hello,
i want to add a frame around the whole website. Sadly there is no such option in the editor. In css this would be something like this:

body {
    border: solid blue;
    border-width: thin;
}

Do you know how i can achieve that in other ways ?

Thank you in advance,
Elisa

2

You can do it only if you have a premium account.
Go to dashboard > settings > Custom Code
And add a new snippet to the head part:

<style>
body {
    border: solid blue;
    border-width: thin;
}
</style>
3

Okay so i found a workaround. I set the backgroundcolor of the page to the color the border shoud have. Then I added Strecthes literally everywhere, because with stretches you can add a fairly big margin. Quite easy but you really have to come up with that

4

Thanks, i will try once i have a premium account

5

Another thing you can try is to upload an image with colored margins then set it as the document background:

$w.onReady(() => {
    $w("Document").background.src = "the-image-url.com"; 
})
  • P.S. I haven’t tried it but maybe you can also try adding an SVG this way.