> For the complete documentation index, see [llms.txt](https://shoppad.gitbook.io/pagestudio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shoppad.gitbook.io/pagestudio/customize-the-app/editor-tips-and-tricks.md).

# Editor Tips and Tricks

Start with a section. Create one by creating a new page and selecting a section like this:

<figure><img src="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2FOzJIQL44weMmGJrTiY2T%2Fimage.png?alt=media&amp;token=bc3d2db6-ff72-4a95-8052-3266d959b64c" alt=""><figcaption></figcaption></figure>

### **Drag content blocks into a section for further customization**

![](https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2Fgit-blob-780bdd08cb6ddbed337ef40a17e396e8a706858b%2Fdocsassets555e25e4e4b027e1978e1c9aimages6010a8902e764327f87c29fbfile-fzzwbjsfjh.gif?alt=media)

### Change the image in your content blocks

![](https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2Fgit-blob-15aac2c2b8db7be66ba2bd40f4ae094e64f75554%2Fdocsassets555e25e4e4b027e1978e1c9aimages6011e93ab9a8501b295d4d0cfile-wxay0y08kk.gif?alt=media)

### **Adjust the spacing around your content blocks**

![](https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2Fgit-blob-47ffa22d5c3aa1cf7050a3aad75ffcbdf078477e%2Fdocsassets555e25e4e4b027e1978e1c9aimages6011ebebc64fe14d0e1ff470file-f5q2ee4tya.gif?alt=media)

### **Adjust the order of your content blocks in a section**

![](https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2Fgit-blob-eff30d5b9d455fef8de93993662c2d77ca2046bb%2Fdocsassets555e25e4e4b027e1978e1c9aimages6011f1ffc64fe14d0e1ff496file-i20uci3xmw.gif?alt=media)

### **Adjust button links**

![](https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2Fgit-blob-169d47cb5256bda4417f61ad9501367fb586e714%2Fdocsassets555e25e4e4b027e1978e1c9aimages6011f360c64fe14d0e1ff49cfile-m8griaz1z2.gif?alt=media)

### **Preview the page on different sized screens**

![](https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2Fgit-blob-b01c8e7df66b1e8043a815383af304d1a7192844%2Fdocsassets555e25e4e4b027e1978e1c9aimages6011f474cfe30d219ccdc329file-vtkslungcr.gif?alt=media)

### **Adjust the background image of your sections**

![](https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2Fgit-blob-a80867d5a7b32febee26aad150cf627bd7be4bf6%2Fdocsassets555e25e4e4b027e1978e1c9aimages6011f538b9a8501b295d4d53file-ossrukbqnq.gif?alt=media)

### **Adjust the position of your content block inside of a section**

![](https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2Fgit-blob-63646df5690393a7397d21fe10499289f7c67263%2Fdocsassets555e25e4e4b027e1978e1c9aimages6011f6c9c64fe14d0e1ff4abfile-spy9zsu4zq.gif?alt=media)