> For the complete documentation index, see [llms.txt](https://docs.jollyany.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.jollyany.co/templates/alex/border-style.md).

# Border Style

This is a guideline to create pages with a border style as our demo

## 1. Load preset of Border style

Make use of the prebuilt preset of the border style of the template to save your time.

* After installing the template package, please go to Admin > System Dashboard > site template styles > tz\_alex\_default
* Duplicate the Default style and rename the duplicated style: **"tz\_alex\_default\_border\_style"**
* Go ahead to edit the template options > tab Presets > **load a preset of tz\_alex\_default\_border\_style**

![Load the preset of border style](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FRDQ8borNWZKSkv7BZkGh%2Fload-presets.jpg?alt=media\&token=3d189014-c3c4-40cb-818e-c32f6e418a2b)

## 2. Assign the menu to the border style

Please edit your menu items, in the option "template style", you can assign the menu item to the tz\_alex\_default\_border\_style. Then save and check your page on the front-end.

![Assign the menu to the border style](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2Ff9xIq3Agk9yRIj8n9Mcz%2Fborder-style.jpg?alt=media\&token=560eb054-0f63-4097-9bcb-af97728f1421)

<br>