Landing Page Editing on SitePro Website Builder
Advanced Editing
Evans
Last Update 5 days ago
This guide covers advanced editing techniques to help you refine your landing page layout, customize content sections, and manage media effectively using The SitePro Website Builder on DirectAdmin
1. Organising Page Elements
Keeping your layout clean and well-structured improves both design and usability.
Content cards are commonly used to highlight services or features.
The gallery feature allows flexible display of images in different layouts.
Fine-tuning your layout ensures a professional finish.
1. Organising Page Elements
Keeping your layout clean and well-structured improves both design and usability.
- Drag and Drop: Click and hold any element, then drag it to reposition it (e.g., moving items into the header).
- Quick Delete: Right-click on an element and select Remove to delete it instantly.
- Select Multiple Elements: Hold the Ctrl key while clicking multiple items to move or delete them together.
Content cards are commonly used to highlight services or features.
- Edit Text: Select a card and update its content using the Text field in the right-hand panel.
- Change Background Image: Click the pen icon in the right panel, then select a new image for the card.
- Improve Text Visibility: Use the Opacity slider to darken the background image, making text easier to read.
The gallery feature allows flexible display of images in different layouts.
- Switch Gallery Layouts: Use the right-hand panel to change styles (e.g., switch to Thumbnails view).
- Remove Images: Click the X (cross) icon on any image to delete it.
- Add Images: Click the pen icon to open the media library and upload or select new images.
Fine-tuning your layout ensures a professional finish.
- Alignment Tools: Use the alignment options in the right-hand panel to center or adjust your content.
- Save Your Work: Click Save Draft in the top-right corner regularly to avoid losing changes.
Quick Reference
| Action | How to Perform |
| Select Multiple Items | Hold Ctrl + Click |
| Delete Element | Right-click → Remove |
| Move Element | Drag and drop |
| Improve Readability | Adjust Opacity slider |
| Align Content | Use alignment tools in right-hand panel |
