LT Blue Service is a theme for managed IT service providers, built for Elementor (free): a home page that opens with the night's maintenance window, every job drawn to scale on an 18:00 to 08:00 schedule (patches, restarts, backups, the offsite copy, restore tests, health checks and the morning report), then the morning report, the services, the daytime help desk, plans priced per user, the first 30 days when a client switches, questions, IT notes and a free IT check call to action. Pages for each service (with a three-level branch for email filtering, device protection and staff training under Security), plans and prices, switching provider, the company and its engineers, and a contact page with a free IT check 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 | The child theme with its design, fonts, header and footer, the About us and Contact pages (with the free IT check 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): About us, Contact, IT notes. Pages in Pro (Appearance → Demo import): Home, About us, Our engineers, How we start, Managed IT, Help desk, Backup and recovery, Security, Email filtering, Device protection, Staff training, Microsoft 365 and cloud, Plans and prices, Switching provider, Contact, IT notes.
Quick setup
- Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT Blue Service (Install and update).
- Optional: activate WPForms Lite for the free it check 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 us | – | Free |
| Our engineers | About us | Pro |
| How we start | About us | Pro |
| Managed IT | – | Pro |
| Help desk | Managed IT | Pro |
| Backup and recovery | Managed IT | Pro |
| Security | Managed IT | Pro |
| Email filtering | Security | Pro |
| Device protection | Security | Pro |
| Staff training | Security | Pro |
| Microsoft 365 and cloud | Managed IT | Pro |
| Plans and prices | – | Pro |
| Switching provider | Plans and prices | Pro |
| Contact | – | Free |
| IT notes (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 /#window).
| Section (Navigator name) | CSS ID |
|---|---|
| Tonight | #window |
| Morning report | #report |
| Services | #services |
| Help desk | #help-desk |
| Plans | #plans |
| Switching | #switching |
| Questions | #questions |
| IT notes | #notes |
| Book a check | #book |
- The night schedule as the hero: The home page opens with the maintenance window: every job drawn to scale from 18:00 to 08:00, solid for nightly, striped for weekly and outlined for monthly work.
- Morning report and services: A sample morning report shows what the client receives; six service rows say when each one happens, by day or by night.
- Plans priced per user: Plan rows with who each plan suits, the jobs in its window and the price per user, plus what is included, what costs extra and billing questions.
- Service pages with a three-level branch: Managed IT with help desk, backup, Microsoft 365 and security pages; security branches into email filtering, device protection and staff training.
- Free Elementor and a ready IT check form: Every page is built with free Elementor widgets on Hello Elementor, with a 'Free IT check 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 engineers, How we start
- Managed IT → Help desk, Backup and recovery, Security (Email filtering, Device protection, Staff training), Microsoft 365 and cloud
- Plans → Switching provider
- IT notes
- Contact
Header button: Book a free IT check (link /contact/#check), changed in Appearance → Customize → LT Blue Service options.
One-page mode (Pro)
With Pro Standard or Pro Unlimited, tick One-page mode on the home page in Appearance → Customize → LT Blue Service options and the menu scrolls to these sections: Tonight, Morning report, Services, Help desk, Plans, Switching, Questions, IT notes, Book a check. To change the labels or leave sections out, see One-page mode.
Used the old LT Blue Service 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 |
|---|---|
| Service blue (buttons, links, job bars on light pages) | #1F4BA5 |
| Slate (soft text) | #46526B |
| Night ink (text) | #0F1C36 |
| Dawn yellow (window-edge ticks on night navy only) | #F4C542 |
| Morning white (page) | #F2F5FA |
| Wash (tinted sections) | #E0E8F4 |
| Hairlines | #C2CDE0 |
| Night navy (hero, dark bands) | #0F2147 |
| Text on dark | #EEF2FA |
| Soft text on dark | #A8B8D8 |
| Button hover | #17388A |
| Name in Global Fonts | Font |
|---|---|
| Display (headings, schedule times, prices) | Elms Sans |
| Interface (menu, labels) | Murecho |
| Body text | Murecho |
| Buttons | Elms Sans |
Form
With WPForms Lite active, the demo import creates the form Free IT check request on the Contact page. Fields: Your name (required), Work email (required), Phone (optional), Business name (required), People who use a computer at work (required), Who looks after your IT now (required), What you use, What worries you most. Email subject: “Free IT check request from the website”. After sending, visitors see: “Thank you. An engineer will email you within one working day to arrange a time for your free IT check.”
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)Morrow ITBridge StreetSpringfield
- Place every bar by its real start and length (lt-at-N, lt-len-N) and change the time text with it; keep the styles: solid every night, striped weekly, outlined monthly.
- Keep dawn yellow for the two window-edge ticks on night navy; never use it for text or on light backgrounds.
- Do not use the schedule bars 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 |
|---|---|
| Two help desk engineers with headsets working at laptops | 1600 × 1067 px |
| Blue network cables plugged into a patch panel in a cabinet | 1600 × 1065 px |
| An empty open-plan office in the evening, chairs pushed in | 1600 × 1067 px |
| An engineer working at a laptop at a desk lit by one lamp late at night | 1600 × 1061 px |
| Hands typing on a laptop keyboard at a desk | 1600 × 1067 px |
| A small team in a meeting room watching a presentation on a screen | 1600 × 1068 px |
| Shared office desks with laptops, monitors and a headset after work | 1600 × 1068 px |
| An engineer's hands connecting cables inside a desktop computer | 1600 × 1068 px |
| Hands about to open a closed laptop on a bare desk | 1600 × 1067 px |
| Fibre optic patch cables connected to a server rack | 1600 × 1065 px |
| A tidy office desk with a laptop, a plant and a desk lamp | 1600 × 1065 px |
AI kit (Pro Unlimited)
The AI kit’s AGENTS.md tells an assistant how LT Blue Service is built. The CSS classes it relies on (keep them when you edit):
| CSS class | What it is |
|---|---|
lt-schedule | the night schedule: optional head (lt-schedule__head), the axis row (lt-lane is-head with p.lt-axis), the lanes (lt-schedule__lanes) and the key (lt-schedule__key) |
lt-lane | one job: name and how often (lt-lane__name, lt-lane__when), the track (lt-lane__track) and the times in words (lt-lane__time) |
lt-job | the bar inside p.lt-track: lt-at-N = start (N half hours after 18:00, 0 to 27), lt-len-N = length in half hours; is-nightly (solid), is-weekly (striped), is-monthly (outlined) |
lt-sw | small swatch in the same three styles (is-nightly|is-weekly|is-monthly) beside a job name in plans and keys |
lt-report | morning report rows (label, result, what we did) |
lt-service | one service row: name and text, when it runs, link |
lt-plan | one plan row: name and who it suits, the jobs in its window, price per user, action |
lt-fact | a label and value row |
lt-month | the first 30 days: four weeks in order, each lt-month__week with its week label (lt-month__label) |
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) |
lt-links3 | row of links to the three security pages; each lt-partlink |
See AI kit for the prompts, the safe edit tool and the launch checker.
Questions about LT Blue Service
Do I need Elementor Pro?
No. LT Blue Service 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 show our own schedule?
Yes. Each job is a normal Elementor row with its name, how often and its times; the bar's position and length are set by two CSS classes, so you can edit them in Elementor or ask an AI assistant to do it with the AI kit's safe edit tool.
Does it fit an IT company that is not a managed service provider?
Yes. The services, help desk, plans and contact pages fit any IT support business; if you do not run night maintenance, remove the schedule section or show your own working hours.
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 us and Contact pages and the blog. Pro adds the home page, the Managed IT, plans and service pages, sample posts, one-click demo import, credit removal, updates and support. Pro Unlimited adds the AI kit.
I have the old LT Blue Service. 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 Blue Service also exists as a Joomla template: see the LT Blue Service Joomla docs.
Ask AI about LT Blue Service
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