Skip to main content
The Advanced section gives you extra control over positioning and styling using more technical options.
This is mainly used by users who are comfortable with CSS or need more precise control.

​
Position

Controls how the element is placed on the page. Common options:
  • Static (default) → follows normal layout flow
  • Relative → can be moved slightly from its position
  • Absolute → positioned freely inside its parent
  • Fixed → stays in the same place on screen
  • Sticky → sticks in the same place on screen (even when scrolling)
👉 Most users should keep this on Static unless they know what they’re doing

​
Z-Index

Controls layer order (stacking) of elements.
  • Higher value → element appears on top
  • Lower value → element goes behind
👉 Example:
  • Modal or popup → high z-index
  • Background → low z-index

​
Custom CSS

Allows you to write your own CSS to style the element. Example: 
#element {
  color: red;
}
👉 You can:
  • Override styles
  • Add custom effects
  • Fine-tune design beyond the builder options

​
When to Use This

Use Advanced settings when:
  • You need precise positioning
  • You want elements to overlap
  • You’re adding custom styling not available in the UI

​
Important Notes

  • This section is not required for most users
  • Incorrect CSS or positioning can break layouts
  • Always test changes before publishing

​
Best Practices

  • Stick to default settings if unsure
  • Use Custom CSS only when necessary
  • Keep code clean and minimal