Background art enhances sections by adding unique, generated patterns and designs to your site. These can be animated or static, creating visual interest and depth to your webpage sections.

Availability & Requirements:

• Works with automatic layout, portfolio, and block sections
• Requires WebGL support in browsers
• Not available for gallery or collection sections
• Includes accessibility pause button for animated backgrounds

Adding Background Art:

1. Open Pages panel
2. Click Edit
3. Select section's pencil icon
4. Click Background
5. Choose Art
6. Select a design block
7. Customize using circles above the block
8. Adjust Background Width (No Margins/Inset)
9. Save changes

Customization Options:

• Color inversion
• Randomization
• Pattern-specific adjustments
• Size and movement controls
• Color theme integration
• Margin settings

Best Practices:

• Ensure text remains legible over background
• Test visibility of section content
• Adjust font colors through section color theme
• Consider accessibility for users sensitive to motion

Key Tips:

• Preview designs before finalizing
• Test different variations using circle controls
• Use the settings panel for detailed customization
• Check appearance across different devices
• Ensure WebGL compatibility for animated options

Remember to verify content visibility and maintain accessibility while creating visually appealing background designs.

Related Articles

Previous Articles