> For the complete documentation index, see [llms.txt](https://docs.kaliumtheme.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.kaliumtheme.com/styling/site-frame.md).

# Site Frame

An optional border around the whole site.

Site frame is an optional feature that can be added to your site where it adds a border around your entire site. It is usually used by creative sites which want to have an unique experience of showcasing their services / products.

To enable the Site Frame go to **Appearance** -> **Customize** -> **Styling** -> **Site Frame** and click the toggle on the right to enable it:

<figure><img src="https://2905187046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1O25QgF7NUwiK2Ek4ro8%2Fuploads%2Fgit-blob-e37f24e057f90f717caba22c9e736eae484957ab%2FEnable%20Site%20Frame.jpg?alt=media" alt="" width="351"><figcaption><p>Enabling Site Frame</p></figcaption></figure>

There are variety of options that allow you to customize the look of the frame and the changes are shown on realtime while you edit them:

* **Color** - The color of the border.
* **Width** - The width of the border, responsive value.
* **Radius** - The radius of the border, responsive value.
* **Animation** - The entrance animation when the page first loads.
* **Duration** - The duration of animation (*in seconds*).
* **Delay** - The time to wait before animation starts (*in seconds*).
* **Visible On** - Toggle the device viewports where the site frame / border will be shown. Desktop and Tablet are on by default, so the frame is hidden on mobile until you turn it on.

<figure><img src="https://2905187046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1O25QgF7NUwiK2Ek4ro8%2Fuploads%2Fgit-blob-06d1446c886a1ec7612773afcab7cb08d97b3142%2FSite%20Frame.jpg?alt=media" alt=""><figcaption><p>Preview of the site frame while editing it</p></figcaption></figure>