LT Office is a company and small-business theme for Elementor (free), the WordPress version of the LT Office Joomla template: a full-bleed meeting-room hero, three service lines in teal rings, where the firm's hours go, six services split by thin rules, recent work in an edge-to-edge photo grid, first-meeting questions as teal pills, the team as pill-shaped desk badges, three ways to work together with example prices, a client quote, the latest news and the contact desks with a street map. Inner pages for the company, the team, a gallery, FAQs, the services, training with three course pages, plans and prices, the work and a consultation request form. A Hello Elementor child theme with bundled fonts, one-page mode and a mobile menu.
Editions
| Edition | Price | What you get |
|---|---|---|
| Free | $0 | Theme + one-page website import: the child theme with its design, fonts, header and footer, blog and 404 templates and mobile menu, and a one-click import of the home page sections as a one-page website with a scroll menu. The footer credit stays. Help from the AI assistant and the contact form. |
| Pro Standard | $29 a year | Full multi-page website like the demo: every page, sample posts and one-click demo import, with one-page mode too. Remove the footer credit or replace it with your own. 1 website; downloads, updates and ticket support for 1 year. |
| Pro Unlimited | $49 once | Everything in Pro Standard plus the AI kit. Unlimited websites, lifetime updates and ticket support. |
Free: theme + one-page website import (Appearance → One-page import): Home (one-page website), News. Pro: full multi-page website like the demo (Appearance → Demo import): Home, About us, Our team, Gallery, FAQs, Services, Training, Team workshops, Manager coaching, New-starter days, Plans and prices, Our work, Contact, News. Help: Free, the AI assistant and the contact form; Pro, ticket support.
Quick setup
- Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT Office (Install and update).
- Pro, optional: activate WPForms Lite for the consultation request form.
- Pro: Appearance → Demo import → Import (Demo import). Free: Appearance → One-page import (the one-page website).
- Replace the demo content and pictures (below), set your logo and the header button.
Pages in the demo
| Page | Under | Edition |
|---|---|---|
| Home | – | Free (as the one-page website) and Pro |
| About us | – | Pro |
| Our team | About us | Pro |
| Gallery | About us | Pro |
| FAQs | About us | Pro |
| Services | – | Pro |
| Training | Services | Pro |
| Team workshops | Training | Pro |
| Manager coaching | Training | Pro |
| New-starter days | Training | Pro |
| Plans and prices | Services | Pro |
| Our work | – | Pro |
| Contact | – | Pro |
| News (blog) | – | Free and Pro |
Home page sections
The home page sections, in order, with the name they have in Elementor’s Navigator and their CSS ID (the anchor used by one-page mode and by links such as /#welcome).
| Section (Navigator name) | CSS ID |
|---|---|
| Welcome | #welcome |
| Our company | #company |
| Where our hours go | #approach |
| Services | #services |
| Our work | #work |
| First-meeting questions | #questions |
| Our team | #team |
| Plans | #plans |
| A word from a client | #quote |
| News | #news |
| Contact | #contact |
- The same design as the Joomla template: LT Office is also a Joomla template; this WordPress version keeps its teal palette, squarish type, ringed icons, edge-to-edge photo grid and pill-shaped team cards, rebuilt for free Elementor.
- People in desk badges: Each team member sits in a pill-shaped badge with a portrait, role, what to ask them about and an email link; the contact desks use the same badge.
- Services that read at a glance: Three service lines in teal rings, six services split by thin rules, and a page that lists what each one includes and how long it takes.
- Work, plans and training: Recent work in an edge-to-edge grid with case notes, three plans with example prices, and training pages for workshops, coaching and new-starter days.
- Free Elementor and a ready request form: Built with free Elementor widgets on Hello Elementor, with a 'Consultation request' form made with the free WPForms Lite plugin. Fonts are bundled: no Google Fonts requests.
Menu
The demo import creates this main menu (Appearance → Menus):
- Home
- About us → Our team, Gallery, FAQs
- Services → Training (Team workshops, Manager coaching, New-starter days), Plans and prices
- Our work
- News
- Contact
Header button: Book a first call (link #contact), changed in Appearance → Customize → LT Office options.
One-page mode
In every edition the menu can scroll to these sections: Welcome, Our company, Where our hours go, Services, Our work, First-meeting questions, Our team, Plans, A word from a client, News, Contact. Free: Appearance → One-page import creates the one-page website with them. Pro: tick One-page mode on the home page in Appearance → Customize → LT Office options. To change the labels or leave sections out, see One-page mode.
Used the old LT Office onepage WordPress theme? It is not sold any more: version 2.0 is one theme for both. The Free edition imports the one-page website; Pro adds the full multi-page website.
Colours and fonts
Change them in Elementor Site Settings → Global Colors and Global Fonts; the whole site follows.
| Name in Global Colors | Value |
|---|---|
| Office teal (buttons, links, roles) | #0B7A72 |
| Graphite (soft text) | #4A4A4A |
| Ink (text) | #252525 |
| Signal teal (icons, rings, bars, rules, badge outlines) | #0FA89D |
| White (page) | #FFFFFF |
| Glass (tinted bands, footer) | #EEF6F8 |
| Hairlines | #D6E6EA |
| Petrol (photo bands, contact panel) | #0F2E2E |
| Text on dark | #FFFFFF |
| Soft text on dark | #BFD8D6 |
| Button hover | #085E58 |
| Name in Global Fonts | Font |
|---|---|
| Headings (Magra 700) | Magra |
| Menus and labels (Magra) | Magra |
| Body text (Magra) | Magra |
| Buttons (Magra) | Magra |
Form
Pro: with WPForms Lite active, the demo import creates the form Consultation request on the Contact page. Fields: Your name (required), Email (required), Company name, What do you need help with? (required), How many people work in your company?, How should we reach you?, Phone or best time to call (optional), What is going on?. Email subject: “Consultation request from the website”. After sending, visitors see: “Thank you. Someone from the front desk replies by email within one working day to agree a time for the call.”
See Contact form for where messages go and how to change the fields.
Demo content to replace
Everything marked with one of these in the demo is sample content: names, numbers, prices and addresses that you replace with your own (or delete):
(sample)Example pricesexample.com(555)Larkfield Office GroupLarkfieldSpringfieldSample client
- Keep the shape code: pills only for people and desks you can reach; work photos stay square; services stay in rings.
- Use the tagline rule on three sections at most, in sentence case; never add labels above headings.
- Do not add awards, client logos or results presented as real; prices stay marked as example prices until they are yours.
Only publish facts that are true for your business: real prices, opening hours, reviews and qualifications. Pro Unlimited’s launch checker lists every sample marker left on the site.
Photo guide
The demo uses placeholder pictures. Replace each one in Elementor (click it → Choose image) with a photo of about this size; save photos as JPEG or WebP under about 300 KB.
| Picture | Upload size |
|---|---|
| A team of eight around a long meeting table with laptops and notebooks in a bright office | 1920 × 1280 px |
| Two colleagues at laptops on a glass table, talking through a plan, plants behind them | 1400 × 933 px |
| An office seen from above: people working at a long wooden table with laptops | 1200 × 800 px |
| An open office with small tables, plants and people meeting by a big window | 1200 × 801 px |
| Two people working on laptops at a shared wooden desk by a brick wall | 1200 × 800 px |
| A studio office with wooden desks, plants and three people at their screens | 1200 × 800 px |
| Four colleagues at a wooden table in a bright office, one reading from a notebook | 1400 × 788 px |
| Portrait of a woman with curly hair in a grey blazer, smiling in an office | 800 × 1202 px |
| Portrait of a man in a dark blazer and open-collar shirt in an office with plants | 800 × 1200 px |
| Portrait of a woman with braided hair in a dark blazer, smiling by a window | 800 × 1200 px |
| Portrait of an older man with grey hair in a blue shirt in a warm-lit office | 800 × 1200 px |
| A dark wooden desk seen from above with a laptop, an open notebook and a cup of coffee | 1920 × 1280 px |
Demo photos
The live demo of LT Office shows real photos; the download uses placeholder pictures. The photos are from Pexels, free to use under the Pexels licence (credit is not required, but we thank the photographers):
approach.jpg: photo by Mikhail Nilov on Pexelsdesk.jpg: photo by Burst on Pexelshero.jpg: photo by Matheus Bertelli on Pexelshowwework.jpg: photo by Artem Podrez on Pexelsteam-ana.jpg: photo by Rob Ruth on Pexelsteam-daniel.jpg: photo by Antoni Shkraba on Pexelsteam-grace.jpg: photo by Speak Media Uganda on Pexelsteam-peter.jpg: photo by Glennese Patterson on Pexelswork-desks.jpg: photo by MART PRODUCTION on Pexelswork-floor.jpg: photo by Pavel Danilyuk on Pexelswork-plan.jpg: photo by CoWomen on Pexelswork-studio.jpg: photo by Edmond Dantès on Pexels
AI kit (Pro Unlimited)
The AI kit’s AGENTS.md tells an assistant how LT Office is built. The CSS classes it relies on (keep them when you edit):
| CSS class | What it is |
|---|---|
lt-hero | home hero: dark band with the full-bleed meeting photo (lt-hero__photo) and centred text |
lt-tagline | the short letter-spaced line between two teal rules under a heading (three sections at most) |
lt-ring | heading with a thin teal ring and an icon above it (a service); icon from lt-ico–<name> |
lt-ring--small | the smaller ring used in the services grid |
lt-cells | the services grid split by thin rules; each child container is one service |
lt-split | full-width split section: a photo bleeding to the page edge and a text column (lt-split–right mirrors it) |
lt-bars | where the hours go: rows of lt-bar (label, percentage flag and teal bar); widths from lt-w<percent> |
lt-tiles | work photos edge to edge, square corners, caption under each (lt-tile) |
lt-pills | first-meeting questions: Toggle widget with teal pill titles |
lt-badge | desk badge: pill outline with the portrait in its round left cap, name, role, ask-me-about line, email |
lt-desk | contact desk badge: pill with a round icon cap (lt-ico–phone|mail|pin|clock), title and hours |
lt-plan | plan card; lt-plan–main is the solid teal one |
lt-quote-band | dark band with the desk photo and one sample client quote |
lt-contact | full-width contact split: petrol panel with desk badges and the street map |
lt-pagehead | inner page heading band (glass) |
lt-steps | a real sequence of steps (how working together goes); each lt-step |
lt-case | one case note on the work page (client, what we did, what changed) |
lt-price | label + value row (hours, prices, course facts) |
See AI kit for the prompts, the safe edit tool and the launch checker.
Questions about LT Office
Do I need Elementor Pro?
No. LT Office uses only the free Elementor plugin and the free Hello Elementor theme. The header and footer are part of the theme, so you do not need Theme Builder.
Does it work as a one-page site?
Yes, in every edition. Free imports the one-page website: the Home page sections on one scrolling page, with a menu that scrolls to them and highlights the current section. Pro imports the full multi-page website, and one-page mode is a switch in the Customizer (or the "One-page (scroll menu)" page template).
Is there a Joomla version of LT Office?
Yes. LT Office is also a Joomla template on ltheme.com with the same design. The WordPress version is a separate product, built for free Elementor.
Does it fit a company that is not a consultancy?
Yes. The sections are general: services, work, team, plans, news and contact. Rename the services and plans for an agency, an accounting office, a studio or any small firm.
How do I change the team badges?
Each badge is an Elementor grid with an image and a text column: change the photo, the name, the role and the email in the editor. The AI kit's AGENTS.md lists every class, so an AI assistant can do it too.
What is the difference between Free and Pro?
Free: theme + one-page website import (the Home page sections on one scrolling page with a scroll menu, imported in one click); the footer credit stays, and help comes from the AI assistant and the contact form. Pro: full multi-page website like the demo: all 14 pages, sample posts and one-click demo import, one-page mode too, credit removal (put your own copyright there), updates and ticket support. Pro Unlimited adds the AI kit.
Also for Joomla
LT Office also exists as a Joomla template: see the LT Office Joomla docs.
Ask AI about LT Office
Ask in your own words. The assistant answers from these docs and links the sections it used.
AI answers can be wrong; check the linked section. Never share passwords or licence keys. Open a ticket