> For the complete documentation index, see [llms.txt](https://seyarat.gitbook.io/seyarat-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://seyarat.gitbook.io/seyarat-docs/others/elementor.md).

# Elementor

Purpose: build pages visually without PHP. Prerequisites: Elementor and required N3Theme plugins are active.

1. Open **Pages** → **All Pages**, hover the intended page, and click **Edit with Elementor**. **Create** and save a **draft** first when starting a new page.
2. Use the left **widget panel** to search for elements and the right **canvas** to see placement. Open **Navigator** to select nested or overlapping containers from their structural tree.
3. Select a widget. **Content** controls text, media, links, or data; **Style** controls presentation; **Advanced** handles spacing, position, visibility, motion, and other advanced behavior. Controls vary, so use only fields visible in the installed version.
4. Drag a widget and release when the insertion indicator reaches the intended container. Enter accurate content first. Prefer global colors/type; use padding inside and margin outside an element.
5. Open **Responsive Mode** and inspect desktop, tablet, and mobile. Change per-device values only where a device icon is offered; do not hide essential content merely to repair layout.
6. Click **Update** or **Publish**, wait for confirmation, and click **Preview Changes**.

### Elementor Widgets

Activate **Elementor** and both **N3Theme** widget packages. Configure Content/Style/Advanced and responsive values, then test the public page logged out.

#### N3Theme Auto Widgets

* Agents
* Brand Logos
* Breadcrumbs
* Car Accessories
* Coming Soon
* Contact Form/Info/Map
* Header Account/Cart/Compare
* Listing Archive/Compare/Slider
* Listings Cars
* Maintenance
* Menu
* News Articles
* Page Title
* Pricing Form
* Search Cars
* Service Pricing
* Sign In/Up
* Site Logo
* Trending Listings
* Footer widgets

#### N3Theme Elementor Widgets

Accordion, advanced/infinite sliders/text, Animated Headline, Button, Canvas Menu, Chart, Client Logo, Contact Form 7, Countdown/Counter, galleries, Heading, tabs, Icon/Image components, Instagram, Mailchimp, Mapbox, Nav Menus, Post Grid/Zoom, Pricing, Progress/Rating, social, Team, Testimonials, Timeline, Toggle, and Video Popup.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://seyarat.gitbook.io/seyarat-docs/others/elementor.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
