LT eService Docs: SaaS and online service website theme for Elementor

LT eService is a theme for a SaaS product or online service, built for Elementor (free): a home page that opens with a status board, every part of the service on one row with its last 90 days drawn as daily uptime bars, then how a week runs with the service, who it is for, moving from paper, plans with prices per month, how customer data is kept, questions, guides and a free-trial call to action. Pages for the product and each module (with a three-level branch for the staff app on iPhone, Android and the browser), pricing, the company, the service status with an incident log, security and data, and a contact page with a trial set-up form. A Hello Elementor child theme with bundled fonts, one-page mode and a mobile menu.

Editions

Edition	Price	What you get
Free	$0	The child theme with its design, fonts, header and footer, the Company and Contact pages (with the trial set-up form), blog and 404 templates, one-page mode and the mobile menu. Credit link stays.
Pro Standard	$29 a year	Every page, sample posts and one-click demo import, credit removal. Downloads, updates and ticket support for 1 year, 1 website.
Pro Unlimited	$49 once	Everything in Pro Standard plus the AI kit. Unlimited websites, lifetime updates and ticket support.

Pages in Free (Appearance → Starter setup): Company, Contact, Guides. Pages in Pro (Appearance → Demo import): Home, Product, Rota planner, Staff app, On iPhone and iPad, On Android, In a browser, Time clock, Pricing, Moving from paper, Company, Service status, Security and data, Contact, Guides.

Quick setup

Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT eService (Install and update).
Optional: activate WPForms Lite for the free trial set-up form.
Pro: Appearance → Demo import → Import (Demo import). Free: Appearance → Starter setup.
Replace the demo content and pictures (below), set your logo and the header button.

Pages in the demo

Page	Under	Edition
Home	–	Pro
Product	–	Pro
Rota planner	Product	Pro
Staff app	Product	Pro
On iPhone and iPad	Staff app	Pro
On Android	Staff app	Pro
In a browser	Staff app	Pro
Time clock	Product	Pro
Pricing	–	Pro
Moving from paper	Pricing	Pro
Company	–	Free
Service status	Company	Pro
Security and data	Company	Pro
Contact	–	Free
Guides (blog)	–	Free

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 /#today).

Section (Navigator name)	CSS ID
Today	`#today`
How a week runs	`#week`
Who it is for	`#teams`
From paper	`#switch`
Plans	`#plans`
Your data	`#security`
Questions	`#questions`
Guides	`#guides`
Call to action	`#start`

A status board as the hero: The home page opens with every part of your service on one row, its last 90 days as daily uptime bars, the uptime figure and the days in words.
Product and module pages: A product page with each part of the service, and module pages that open with that module's own uptime row; a three-level branch for apps on iPhone, Android and the web.
Plans without the card kit: Plan rows with who each plan suits, the support you get and the price per month, plus what every plan includes and billing questions.
Service status and security: A status page with the board, an incident log and planned maintenance, and a security page with how customer data is kept.
Free Elementor and a ready trial form: Every page is built with free Elementor widgets on Hello Elementor, with a 'Free trial set-up' form made with the free WPForms Lite plugin. Fonts are bundled: no Google Fonts requests.

One-page mode (Pro)

With Pro Standard or Pro Unlimited, tick One-page mode on the home page in Appearance → Customize → LT eService options and the menu scrolls to these sections: Today, How a week runs, Who it is for, From paper, Plans, Your data, Questions, Guides, Call to action. To change the labels or leave sections out, see One-page mode.

Used the old LT eService onepage WordPress theme? It is not sold any more: version 2.0 is one theme for both. Install its Pro edition and turn on one-page mode.

Colours and fonts

Change them in Elementor Site Settings → Global Colors and Global Fonts; the whole site follows.

Name in Global Colors	Value
Operational green (working bars, buttons, links)	`#16684A`
Log grey (soft text)	`#4A586B`
Night-shift ink (text)	`#12233A`
Slow ochre (slow-day bars and their key only)	`#B86A00`
Console white (page)	`#F3F6F9`
Panel grey (tinted sections)	`#E1E8EF`
Hairlines	`#C9D3DD`
Night shift (dark bands)	`#14304A`
Text on dark	`#F3F6F9`
Soft text on dark	`#B3C3D4`
Button hover	`#0E4A34`
Incident red (incident bars and their key only)	`#B3261E`

Name in Global Fonts	Font
Display (headings, uptime figures, prices)	Momo Trust Sans
Interface (menu, labels)	Momo Trust Sans
Body text	Momo Trust Sans
Buttons	Momo Trust Sans

Form

With WPForms Lite active, the demo import creates the form Free trial set-up on the Contact page. Fields: Your name (required), Work email (required), Business name (required), Kind of business (required), People on the rota (required), How you plan the rota now, What you want to try, Anything we should know. Email subject: “Free trial set-up request from the website”. After sending, visitors see: “Thank you. Someone from the support desk will email you within one working day to set up your trial and your first week's rota.”

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 prices
example.com
(555)
Rotaline
Harbour Row
Springfield

Keep 90 bars per row, oldest on the left; change a bar's class only to record what really happened that day, and update the row's words and figure with it.
Use slow ochre and incident red only for bars and their key; never for text, buttons or decoration.
Do not use uptime rows as dividers, progress bars or charts of anything else.

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 barista with a milk jug behind a café counter	1600 × 1067 px
A shop assistant checking a tablet between clothing rails	1600 × 900 px
A carer's hands passing tablets into an older person's palm	1600 × 1067 px
A restaurant kitchen team plating dishes along a steel counter	1600 × 1067 px
Two growers in aprons checking a tablet together in a greenhouse	1600 × 900 px
A florist in an apron reading a tablet beside a flower fridge	1600 × 1067 px
A baker working dough in a bakery kitchen, seen through the window before dawn	1600 × 1008 px
Hands holding a smartphone over a wooden table	1600 × 1067 px
A person writing a monthly plan on paper at a wooden table	1600 × 1068 px
A waiter in an apron writing on a notepad in a restaurant	1600 × 900 px
A hotel corridor with a member of staff and a room service trolley	1600 × 1067 px

AI kit (Pro Unlimited)

The AI kit’s AGENTS.md tells an assistant how LT eService is built. The CSS classes it relies on (keep them when you edit):

CSS class	What it is
`lt-board`	the status board: lt-board__head (title and status line), a head row lt-uprow is-head, the rows (lt-board__rows), the key (lt-board__key)
`lt-uprow`	one part of the service: name and what it does (lt-uprow__name, lt-uprow__what), the bars (lt-uprow__bars), uptime (lt-uprow__pct) and the days in words (lt-uprow__days)
`lt-day`	one daily bar inside p.lt-bars (90 per row, oldest first): plain = working, is-slow (short ochre), is-down (red stub), is-maint (hollow)
`lt-axis`	the 90 days ago / today labels over the bars (lt-axis__90 on desktop, lt-axis__30 on phones)
`lt-live`	the green working dot before a status line
`lt-week`	how a week runs: five steps in weekday order, each lt-week__step with its day (lt-week__day)
`lt-trade`	one row of who uses the service: small photo, trade and text, typical set-up
`lt-compare`	two-column comparison rows (lt-compare__row, head row is-head)
`lt-plan`	one plan row: name and who it suits, what support you get, price, action
`lt-fact`	a label and value row (data, devices, requirements)
`lt-incident`	one incident in the log: date, part of the service, what happened (lt-incident__what), how long
`lt-steps`	ordered steps (a real sequence)
`lt-pagehead`	inner page heading band
`lt-desk`	one contact desk block
`lt-person`	one person (name and role)

See AI kit for the prompts, the safe edit tool and the launch checker.

Questions about LT eService

Do I need Elementor Pro?

No. LT eService 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.

Are the uptime bars live?

No. They are normal Elementor text with one small bar per day, so you can show your own figures by editing them, or ask an AI assistant to do it with the AI kit's safe edit tool. For live status, link to your monitoring service's own page.

Can I use it for a service that is not about rotas?

Yes. The demo is a sample rota service, but the rows, plans, product and status pages fit any online service sold by the month: rename the parts and rewrite the texts.

Will my site look like the demo?

Yes, with Pro: Appearance > Demo import creates every page, the colours, fonts, menu, header and footer. The demo photos are replaced by placeholders you swap for your own.

What is the difference between Free and Pro?

Free has the design, header and footer, the Company and Contact pages and the blog. Pro adds the home page, the product, pricing, status and security pages, sample posts, one-click demo import, credit removal, updates and support. Pro Unlimited adds the AI kit.

I have the old LT eService. Is this an update?

It is a new version 2.0 with a new design, built for free Elementor. Your current site keeps working; install 2.0 on a new site or a staging copy and import the demo there.

Also for Joomla

LT eService also exists as a Joomla template: see the LT eService Joomla docs.

Ask AI about LT eService

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

LT eService