Advanced Properties control how a section is displayed, styled, animated, and shown across different screen sizes. These settings affect only the selected section.
Display
- Section Name: Internal identifier and anchor name. Use letters, numbers, and underscores only.
- Width: Controls standard vs full-width display and padding behavior. Full-width options are not available for subsections.
- Font Color: Default, Light, or Dark text styling.
- Padding / Margin: Controls spacing on all sides of the section using pixel or percentage values.
Background
- Background Color: Supports solid colors and transparency (RGBA).
- Background Image: Select an image from the media library (1600px wide recommended).
- Position / Repeat: Controls how the image is placed and repeated.
- Parallax: Optional scrolling effect (desktop only).
- Parallax Speed: Adjusts how quickly the background moves.
- Background Video: Optional video displayed behind the section content.
Shape
- Shape: Apply a custom or preset shape using CSS clip-path.
- Shape on Hover: Apply a different shape when hovering.
- Shape Animation Duration: Controls the transition speed between shapes.
- Borders & Corners: Customize border color, thickness, and rounded corners.
- Live Preview: Changes update instantly as you adjust settings.
Animation
On Load
- Animation: Entry animation when the section appears.
- Duration: Length of one animation cycle.
- Iterations: Number of times the animation runs (or infinite).
- Delay: Time before the animation starts.
On Hover
- Hover Animation: Optional animation triggered when hovering over the section.
Devices
Control how the section appears on different screen sizes:
- Adjust visibility for X-Small, Small, Medium, Large, and X-Large screens
- Show or hide sections per device size
- Set alignment (Left, Center, Right) for each screen size
Publishing
Control when this section is visible on your website:
- Status: Set the section to Published (visible) or Draft (hidden)
- Publish Start: Schedule the section to appear at a future date and time
- Publish End: Automatically hide the section after a specific date
- Season: Display the section only during selected church seasons
The system will automatically determine whether the section is Visible, Draft, Scheduled, or Expired based on these settings.
Tip: If a section is not appearing, hover over its status badge while editing to see the reason.
Pop-ups (if enabled)
- Create and manage pop-ups associated with the section
- Control placement, page types, and whether the pop-up is enabled
Advanced
- CSS Classes: Add custom class names for styling or targeting the section
- CSS Styles: Add inline CSS for advanced customization