Elementor Page Builder Overview – how to edit pages, layouts and templates

Find out where Vehica keeps its pages, layouts and templates, and how to open each of them in Elementor — from the homepage and its search form to the header, footer and single vehicle page.

1 minute read

Elementor is the core plugin for the Vehica theme. It lets you modify any page on your website. If you have not used Elementor before, we recommend watching this two-minute getting started video, then trying the editor yourself by dragging and dropping elements to create or modify your first page.

Editing the homepage and any other page

This covers the homepage and any standard page — Contact us, About us and the rest.

Just visit the page (e.g. the homepage) and click this link in the admin bar:

The WordPress admin bar on the front end of a Vehica site; an arrow points to “Edit with Elementor”, whose dropdown lists “Transparent Layout” and “Open Theme Builder”.

If you cannot see the link in the top admin bar, you can also get there from the Pages list:

The WordPress Pages list, with arrows running from the Pages item in the sidebar to the “Edit with Elementor” row action under “Homepage Mosaic — Front Page, Elementor”.

You will be redirected to the Elementor page builder, where you can edit every element — the search form, for example.

Elementor open on the Vehica homepage. The left panel reads “Edit: Vehicle Search Form V3” with Width, Background Color and Padding settings; arrows point to those settings and to the All Makes / All Models / Max Price search bar in the hero.

The same widget on its Content tab: a Search Fields list with Main Field, initial value and the Make, Model and Price fields plus an Add Field button, with an arrow pointing to the search bar on the “Find Your Perfect Car” hero.

Editing layouts (header and footer)

Vehica has a layout system:

Layout = header + <page-content> + footer

You can edit layouts from the admin bar — the layout the page uses is named in the “Edit with Elementor” dropdown:

The “Edit with Elementor” dropdown in the admin bar, open; an arrow points to the layout entry “Transparent Layout”, above “Open Theme Builder”.

Or you can pick the layout in the /wp-admin/ panel instead:

Vehica Panel → Layouts & Templates in wp-admin: arrows point to the Vehica Panel menu item and to the Edit button of “Dark Menu Layout” in the Page layouts table, beside Empty Layout and Transparent Layout.

The layout open in Elementor with the “Edit Main Menu” panel on its Style tab — Background Color, Link Typography, Link Color and other Desktop Menu options; arrows point from two colour swatches to the menu bar in the preview. — A layout opens in Elementor like any other page — here the header, with the menu colours in the left panel.

Editing templates

These templates are edited in Elementor as well:

Vehicle Page Template
Vehicle Search Results Template
User Page Template
Post Page Template
Blog Page Template

You can reach them this way:

Vehica Panel → Layouts & Templates in wp-admin, with arrows pointing to the Vehica Panel menu item and to the template list — Vehicle Page, Vehicle Search Results, User Page, Post Page and Blog Page Template — each with an Edit button.

Keep reading

How to Edit Single Listing Page? How to edit footer?

Ask the people who build Vehica

We answer by email from support@tangiblewp.com. With Premium Support, we also fix your site when something breaks.

Send us a message What Premium Support covers

We can also run your site for you, or build a new one.

Was this guide helpful?