To add a Scenographik background to your site:

A Scenographik background adds dynamic, animated patterns to your website sections. These backgrounds work with automatic layout sections, portfolio, and page block sections.

Technical Requirements:

• Requires WebGL support in browser
• Not available for gallery or collection sections
• Includes accessibility pause button for animations

Adding a Scenographik Background:

1. Open Pages panel and select your page
2. Click Edit in top left corner
3. Click the pencil icon in section
4. Select Background
5. Choose Graphics
6. Pick a pattern panel (colors come from Bright palette options)

Customization Options:

• Width: Full Bleed or Inset
• Pattern variations via small circles above panel
• Color inversion available
• Random configuration option
• Pattern-specific settings (size, movement, shapes)

Important Considerations:

• Ensure text remains readable against background
• Adjust font colors through Font Type tweaks
• Background remains static if WebGL isn't supported
• Changes save automatically when exiting editor

Customization Steps:

1. Click settings icon in pattern panel
2. Explore category dropdowns
3. Adjust sliders and switches
4. Test different combinations
5. Preview changes in real-time
6. Save and exit when satisfied

Remember to test your background across different devices to ensure optimal visibility and performance.

Related Articles

Previous Articles