> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Advanced Settings for Positioning and CSS

> Use advanced settings to control positioning, layering, and custom CSS for precise and flexible landing page design.

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:

```text theme={null}
#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