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

# Element options

> Sticky, motion effects, per-device custom CSS, attributes, a wrapper link, display conditions and tooltips on every section, container and widget.

These sections appear on every element's **Advanced** tab (and, for the wrapper link, on Layout or Content). They replace the placeholders the free editor shows for Elementor Pro's element options, with the same control ids and class names.

## Sticky

**Advanced → Motion Effects → Sticky**: none, top or bottom, on chosen devices, with an offset. After **Effects Offset** pixels of scrolling the element switches to its **Scrolled State**: a background colour, padding and shadow, with a transition (default 300 ms). **Stay In Column** stops it sticking once its parent scrolls away. **Hide On Scroll Down** slides a top-stuck element away and brings it back on the first scroll up. **Anchor Offset** keeps room above in-page anchors.

## Motion effects

**Scrolling effects**: vertical and horizontal scroll, transparency, blur, rotate and scale, each with a direction, a speed or level, and the viewport range it plays over. **Mouse effects**: mouse track and 3D tilt. Anchor points, the devices they apply on, and whether they are relative to the viewport or the whole page.

## Custom CSS

**Advanced → Custom CSS** has one tab per device: Desktop, then every active breakpoint. Desktop CSS applies everywhere; another device's CSS is printed inside that breakpoint's media query, on top of the desktop rules. `selector` stands for the element:

```css theme={null}
selector .child { margin: 10px; }
```

The same control is on Page Settings and in Site Settings.

## Attributes

**Advanced → Attributes**: one `key|value` per line, dynamic tags allowed. Attributes that could change what the element is or does are never set: id, class, style, src, action, Elementor's data attributes, and every `on…` event handler.

## Wrapper link

A **Link** control that makes the whole element a link. Links and buttons inside it keep their own.

## Display conditions

One control at the end of **Advanced → Layout**, opening a dialog with two halves:

* **The site tree**: the same include and exclude conditions as the [Theme Builder](/kit/theme-builder#display-conditions). Show this element on the front page only, on posts in a category, on every page but one.
* **Visitor rules**, each with its own switch; all enabled rules must pass:

| Rule          | Settings                                                                                          |
| ------------- | ------------------------------------------------------------------------------------------------- |
| Visitor       | logged-in or logged-out; only these roles                                                         |
| Schedule      | from and until; on these weekdays; a daily window (one that crosses midnight works)               |
| Device        | desktop, tablet, mobile                                                                           |
| Arriving from | search engines, other sites, this site, typed or bookmarked; or a referring URL containing a text |
| URL parameter | show or hide when a parameter is present, optionally with a value                                 |

Conditions are decided on the server for every request. In the editor the element always shows, so it stays editable.

## Tooltip

**Advanced → Tooltip**: a description, placement, follow-cursor, animation, trigger, show and hide delays, offsets and an arrow, with full styling. The tooltip script loads only on pages that have one.

## Elementor Pro

With Pro active, Pro keeps sticky, motion effects, custom CSS, attributes, the wrapper link and display conditions; the tooltip carries on. See [Working next to Elementor Pro](/kit/elementor-pro).