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

# Editor Tips and Tricks

Tips for building pages faster in the Page Studio editor, starting with sections and content blocks.

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

<figure><img src="https://docs.theshoppad.com/pagestudio/assets/image%20%2837%29.png" alt=""><figcaption></figcaption></figure>

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

![](https://docs.theshoppad.com/pagestudio/assets/docsassets555e25e4e4b027e1978e1c9aimages6010a8902e764327f87c29fbfile-fzzwbjsfjh.gif)

### Change the image in your content blocks

![](https://docs.theshoppad.com/pagestudio/assets/docsassets555e25e4e4b027e1978e1c9aimages6011e93ab9a8501b295d4d0cfile-wxay0y08kk.gif)

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

![](https://docs.theshoppad.com/pagestudio/assets/docsassets555e25e4e4b027e1978e1c9aimages6011ebebc64fe14d0e1ff470file-f5q2ee4tya.gif)

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

![](https://docs.theshoppad.com/pagestudio/assets/docsassets555e25e4e4b027e1978e1c9aimages6011f1ffc64fe14d0e1ff496file-i20uci3xmw.gif)

### **Adjust button links**

![](https://docs.theshoppad.com/pagestudio/assets/docsassets555e25e4e4b027e1978e1c9aimages6011f360c64fe14d0e1ff49cfile-m8griaz1z2.gif)

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

![](https://docs.theshoppad.com/pagestudio/assets/docsassets555e25e4e4b027e1978e1c9aimages6011f474cfe30d219ccdc329file-vtkslungcr.gif)

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

![](https://docs.theshoppad.com/pagestudio/assets/docsassets555e25e4e4b027e1978e1c9aimages6011f538b9a8501b295d4d53file-ossrukbqnq.gif)

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

![](https://docs.theshoppad.com/pagestudio/assets/docsassets555e25e4e4b027e1978e1c9aimages6011f6c9c64fe14d0e1ff4abfile-spy9zsu4zq.gif)