LT BeSafe is a theme for first-aid and workplace safety training providers and occupational health services, built with free Elementor: a home page that opens with this month's course board drawn as safety-sign plates (green first aid, red fire, blue must-do, yellow hazard), the course list with lengths, group sizes and example prices, open course dates with places left, training at the employer's own site, an emergency outline, occupational health checks, employer questions and the training centre with a street map. Course pages for first aid (with a three-level branch), mental health, fire marshal and manual handling, an employers' page and a booking 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 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 us, Contact, Safety notes. Pages in Pro (Appearance → Demo import): Home, About us, Our trainers, Courses, First aid courses, Emergency first aid at work, First aid at work, First aid requalification, Mental health at work, Fire marshal, Manual handling, For employers, On-site training, Health checks, Contact, Safety notes.
Quick setup
- Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT BeSafe (Install and update).
- Optional: activate WPForms Lite for the course booking 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 trainers | About us | Pro |
| Courses | – | Pro |
| First aid courses | Courses | Pro |
| Emergency first aid at work | First aid courses | Pro |
| First aid at work | First aid courses | Pro |
| First aid requalification | First aid courses | Pro |
| Mental health at work | Courses | Pro |
| Fire marshal | Courses | Pro |
| Manual handling | Courses | Pro |
| For employers | – | Pro |
| On-site training | For employers | Pro |
| Health checks | For employers | Pro |
| Contact | – | Free |
| Safety 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 /#cover).
| Section (Navigator name) | CSS ID |
|---|---|
| This month | #cover |
| Courses | #courses |
| Open dates | #dates |
| At your workplace | #onsite |
| The first minutes | #outline |
| Health checks | #health |
| Questions | #questions |
| Safety notes | #news |
| Training centre | #centre |
- This month's course board: The home page opens with the courses as safety-sign plates: green first aid, red fire, blue must-do and yellow hazards, each with its length and next date.
- Courses and open dates: Course rows with what each covers, length, group size and example prices, and open dates with the places left.
- Course pages: First aid with a three-level branch (emergency, full and requalification), mental health, fire marshal and manual handling, each with what you practise and the facts.
- For employers: Training at your site, working out first-aid cover in four steps, occupational health checks and training records with reminders.
- Free Elementor and a booking form: Every page is built with free Elementor widgets on Hello Elementor, with a course booking 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 trainers
- Courses → First aid courses (Emergency first aid at work, First aid at work, First aid requalification), Mental health at work, Fire marshal, Manual handling
- For employers → On-site training, Health checks
- Safety notes
- Contact
Header button: Book a course (link /contact/#booking), changed in Appearance → Customize → LT BeSafe options.
One-page mode (Pro)
With Pro Standard or Pro Unlimited, tick One-page mode on the home page in Appearance → Customize → LT BeSafe options and the menu scrolls to these sections: This month, Courses, Open dates, At your workplace, The first minutes, Health checks, Questions, Safety notes, Training centre. To change the labels or leave sections out, see One-page mode.
Used the old LT BeSafe 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 |
|---|---|
| Safe-condition green (buttons, links, green plates) | #00704A |
| Slate (soft text) | #4A5862 |
| Sign ink (text) | #152029 |
| Warning yellow (hazard triangle, marks on navy only) | #F2C200 |
| Board white (page) | #F5F7F7 |
| Clipboard grey (tinted sections) | #E5EBEC |
| Hairlines | #C8D1D4 |
| Workwear navy (dark bands) | #1B2B3A |
| Text on navy | #F5F7F7 |
| Soft text on navy | #B4C1CC |
| Button hover | #00573A |
| Fire red (fire sign plates) | #B8261C |
| Mandatory blue (must-do sign plates) | #1F5DAA |
| Name in Global Fonts | Font |
|---|---|
| Headings, plate names and figures (Blinker 700) | Blinker |
| Menus and labels (Blinker 600) | Blinker |
| Body text (Istok Web 400) | Istok Web |
| Buttons (Blinker 700) | Blinker |
Form
With WPForms Lite active, the demo import creates the form Course booking request on the Contact page. Fields: Your name (required), Email (required), Company or organisation (optional), Course (required), How many people (required), Where, Dates that suit you, Anything we should know. Email subject: “Course booking request from the website”. After sending, visitors see: “Thank you. The course desk will reply by email with dates and a booking reference, usually within one working day.”
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)Northgate Safety TrainingWharf RoadSpringfield
- Use a sign plate only to show a course's family (green first aid, red fire, blue must-do, yellow hazard); never as a bullet or decoration.
- Keep warning yellow for the hazard triangle and marks on navy; never for text on light backgrounds.
- Do not add promises about outcomes, legal compliance or certification that the business cannot back.
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 women practising chest compressions on manikins in a sports hall during a first-aid course | 1600 × 900 px |
| A trainer watching a learner practise CPR on a manikin, with more manikins on the table | 1600 × 1067 px |
| Hands locked together pressing on the chest of a dark training manikin on a wooden floor | 1600 × 1067 px |
| Close-up of hands wrapping a gauze bandage around another person's hand | 1600 × 1067 px |
| A man aiming a red fire extinguisher at a controlled fire in a metal pan during outdoor practice | 1600 × 1200 px |
| Two colleagues talking over paper cups of coffee in an office kitchen | 1600 × 1067 px |
| First-aid supplies laid out on a white table: bandages, tape, scissors, safety pins, a mask and blister packs | 1600 × 1067 px |
| A worker in a navy shirt putting on yellow ear defenders | 1600 × 1067 px |
| Two colleagues with mugs talking in a workplace kitchen | 1600 × 1067 px |
AI kit (Pro Unlimited)
The AI kit’s AGENTS.md tells an assistant how LT BeSafe is built. The CSS classes it relies on (keep them when you edit):
| CSS class | What it is |
|---|---|
lt-hero | home hero band (headline + the board) |
lt-board | this month's board: a header strip lt-board__head, a grid of lt-plate and the colour key lt-board__key |
lt-plate | one sign plate on the board: sign image lt-plate__sign, name, length lt-plate__meta, next date lt-plate__next |
lt-course | one course row: sign lt-course__sign, name and what it covers, length and group, price, action |
lt-date | one open-date row: date, sign lt-date__sign, course, time, places lt-date__places (is-full when full) |
lt-key | the sign key on the Courses page: one lt-key__item per sign family |
lt-steps | a real sequence (emergency outline, course day, working out cover); each lt-step with lt-step__n |
lt-check | one occupational health check row (check, who it is for, time) |
lt-facts | label/value rows for a course (with lt-rows); each row lt-fact |
lt-person | a trainer row |
lt-pagehead | inner page heading band; course pages add the family sign lt-pagehead__sign |
lt-desk | contact desk block |
lt-panel | white panel with a green top rule (prices, notes beside a list) |
lt-map | street map drawing of the training centre |
See AI kit for the prompts, the safe edit tool and the launch checker.
Questions about LT BeSafe
Do I need Elementor Pro?
No. LT BeSafe 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 courses and the signs?
Yes. Courses, dates and prices are normal Elementor rows. The sign plates are images in the theme; pick the sign whose family matches the course (green first aid, red fire, blue must-do, yellow hazard).
Does it take bookings or payments?
No. Visitors send a booking request with the WPForms Lite form and your course desk replies. You can link a booking system of your own from the buttons.
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 course and employer pages, sample posts, one-click demo import, credit removal, updates and support. Pro Unlimited adds the AI kit.
I have the old LT BeSafe. 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 Besafe also exists as a Joomla template: see the LT Besafe Joomla docs.
Ask AI about LT BeSafe
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