Customize page styles
Templates
Last updated
Templates
Last updated
Many pages templates have the same general style settings. These settings let you customize the content width, top and bottom padding, and animation styles.
You can change the page colors by assigning a color scheme using the color scheme picker in the page section settings.
Color schemes are sets of colors. You can add and define different color schemes in Theme settings > Colors.
Change the Page width to adjust how far the section spans across the page. Available width options will vary depending on the type of section.
Click Page section to find settings
| Setting | Description | Options |
|---|---|---|
Content width | Choose the width of the section content. | Page width Custom width Default |
Custom content width | Set a custom width for the section content | Default: 650 |
Use the sliders to add space at the top or bottom of the section. Set to 0 to remove spacing.
Click Page section to find settings
Eclipse uses animation effects when loading images and text to create a more engaging user experience.
| Setting | Description |
|---|---|
Enable text animation | When enabled, headings and text slide up and fade into view upon loading. |
Image animation | Change the animation style of how the image loads. Select None to disable load animations. Fade: The image gradually fades into view. Iris swipe: The image is revealed in the form of a growing circle. |
