LT Company is a payroll and HR services theme for Elementor (free): an annotated sample payslip as the home hero, services tied to the payslip lines they produce, the monthly pay-run timetable, HR support, sectors, an itemised example invoice, switching steps, questions and employer guides, plus a payroll quote 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 About and Contact pages, 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): About, Contact, Employer guides. Pages in Pro (Appearance → Demo import): Home, About, Our team, Data security, Payroll and HR, Payroll, Pay runs, Pensions and benefits, Year-end forms, HR support, Leave and absence, Prices, Switching to us, Contact, Employer guides.
Quick setup
- Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT Company (Install and update).
- Optional: activate WPForms Lite for the payroll quote request 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 |
| About | – | Free |
| Our team | About | Pro |
| Data security | About | Pro |
| Payroll and HR | – | Pro |
| Payroll | Payroll and HR | Pro |
| Pay runs | Payroll | Pro |
| Pensions and benefits | Payroll | Pro |
| Year-end forms | Payroll | Pro |
| HR support | Payroll and HR | Pro |
| Leave and absence | Payroll and HR | Pro |
| Prices | – | Pro |
| Switching to us | Prices | Pro |
| Contact | – | Free |
| Employer 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 /#payslip).
| Section (Navigator name) | CSS ID |
|---|---|
| Your payslip, explained | #payslip |
| What we look after | #services |
| Pay-run timetable | #payday |
| HR support | #hr |
| Who we pay | #sectors |
| Prices | #prices |
| Switching to us | #switch |
| Questions | #questions |
| Employer guides | #guides |
- The payslip, explained: The home page opens with a sample payslip whose blocks are each tied by a margin note to the service that produces them: records, pay runs, tax filings, benefits, leave and net pay.
- Services tied to payslip lines: Each service row lists the payslip lines it produces, so employers see exactly what they hand over.
- Pay-run timetable: The monthly pay run as five dated steps, from sending hours to payday, on a dark band.
- Itemised prices: An example monthly invoice on the same payslip sheet, rate rows, one-off work and what is included.
- Free Elementor and a ready quote form: Every page is built with free Elementor widgets on Hello Elementor, with a payroll quote 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 → Our team, Data security
- Payroll and HR → Payroll (Pay runs, Pensions and benefits, Year-end forms), HR support, Leave and absence
- Prices → Switching to us
- Employer guides
- Contact
Header button: Get a payroll quote (link /contact/#quote), changed in Appearance → Customize → LT Company options.
One-page mode (Pro)
With Pro Standard or Pro Unlimited, tick One-page mode on the home page in Appearance → Customize → LT Company options and the menu scrolls to these sections: Your payslip, explained, What we look after, Pay-run timetable, HR support, Who we pay, Prices, Switching to us, Questions, Employer guides. To change the labels or leave sections out, see One-page mode.
Used the old LT Company 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 |
|---|---|
| Franking indigo (buttons, links, figures) | #34306F |
| Carbon (soft text) | #4F4E6B |
| Ledger ink (text) | #1B1A33 |
| Security green (tint, perforation, leader dots; marks only) | #2E9C74 |
| Payslip paper (page) | #F5F5FA |
| Envelope tint (tinted sections) | #E6E5F1 |
| Hairlines | #C9C7DC |
| Deep indigo (dark bands) | #262259 |
| Text on dark | #F5F5FA |
| Soft text on dark | #BEBBE0 |
| Button hover | #25215A |
| Payslip sheet | #FFFFFF |
| Name in Global Fonts | Font |
|---|---|
| Display (headings, net pay) | Podkova |
| Interface (menu, labels, figures) | Mozilla Text |
| Body text | Mozilla Text |
| Buttons | Mozilla Text |
Form
With WPForms Lite active, the demo import creates the form Payroll quote request on the Contact page. Fields: Your name (required), Work email (required), Company name (required), Number of employees (required), How often you pay (required), What you need, How payroll runs today, Anything we should know. Email subject: “Payroll quote request from the website”. After sending, visitors see: “Thank you. We will email a quote within two working days, with the setup steps and the first pay run we could take on.”
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)TallyhouseSpringfieldLedger RowJ. Moreno
- Keep the payslip arithmetic right: gross minus deductions must equal net pay, and the invoice lines must add up to the total.
- Use security green only for marks (tint, perforation, leader dots); never for text.
- Do not promise tax, legal or employment-law outcomes; describe what the firm prepares and what the employer decides.
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 |
|---|---|
| Two colleagues going through a contract together at an office desk | 1600 × 1280 px |
| A clipboard with papers handed across a desk during a hiring meeting | 1600 × 1100 px |
| Hands working a calculator beside a printed pay report and a keyboard | 1600 × 1067 px |
| Three colleagues discussing documents and laptops at an office table | 1600 × 1067 px |
| Two colleagues reviewing documents at a desk by an office window | 1600 × 900 px |
| A shop assistant checking stock on a tablet between clothing rails | 1600 × 900 px |
| A warehouse worker scanning stock with a handheld scanner | 1600 × 1067 px |
| Cooks working the line in a busy restaurant kitchen | 1600 × 1067 px |
| Receipts, a calculator and notes spread on a desk | 1600 × 1067 px |
| A laptop, a calculator and an open notebook on a wooden desk | 1600 × 1160 px |
| Two colleagues sorting papers and folders at a shared desk | 1600 × 1067 px |
AI kit (Pro Unlimited)
The AI kit’s AGENTS.md tells an assistant how LT Company is built. The CSS classes it relies on (keep them when you edit):
| CSS class | What it is |
|---|---|
lt-hero | home hero band (headline + annotated payslip) |
lt-slip | the payslip sheet: a column of lt-slip__row rows; each row = lt-slip__block (sheet part) + lt-margin (margin note) |
lt-slip__block | one block of payslip lines; lt-slip__block–head and –net carry the security-tint band, –net the perforation |
lt-slip__line | one payslip line (label + amount); add is-total for a subtotal |
lt-margin | margin note beside a payslip block (title + one line), joined to it by a leader line |
lt-net | the big net-pay figure |
lt-onslip | small paper strip listing the payslip lines a service produces |
lt-service | one service row (name, what we do, its payslip lines) |
lt-run | pay-run timetable (days of the month in order); each step lt-run__step, day lt-run__day |
lt-steps | numbered steps (a real sequence); each lt-step |
lt-sector | one sector column (photo, name, pay facts) |
lt-invoice | itemised invoice on the payslip sheet (same lines as lt-slip__line) |
lt-price | price row (label + amount) |
lt-fact | fact row (label + a longer value), in an lt-rows lt-facts list |
lt-pagehead | inner page heading band |
lt-desk | contact desk block |
lt-person | team member (name + role) |
lt-side | white side panel with an indigo top rule |
See AI kit for the prompts, the safe edit tool and the launch checker.
Questions about LT Company
Do I need Elementor Pro?
No. LT Company 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.
Can I change the sample payslip?
Yes. Every line is a normal Elementor row: change labels and amounts in the editor, or ask an AI assistant to do it with the AI kit's safe edit tool. Keep the sums right.
Is it only for payroll firms?
It fits any business-services company that sells a monthly service: payroll bureaus, outsourced HR, bookkeeping. The payslip can be renamed and reworded.
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 About and Contact pages and the blog. Pro adds the home page, the services, prices and sub-pages, sample posts, one-click demo import, credit removal, updates and support. Pro Unlimited adds the AI kit.
I have the old LT Company. 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 Company also exists as a Joomla template: see the LT Company Joomla docs.
Ask AI about LT Company
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