LT Swim is a swimming school theme for Elementor (free): learn-to-swim stages laid out from the shallow end to the deep end, a free assessment card, first-lesson steps, adult classes, weekly timetable, term fees, safety, FAQ and directions. 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, Swim tips. Pages in Pro (Appearance → Demo import): Home, Classes, Children's levels, Shallow end: Splash and Floaters, Middle: Paddlers, Deep end: Strokes and Deep end, Adult lessons, Private lessons, Prices, About, Instructors, Pool and facilities, FAQ, Contact, Swim tips.
Quick setup
- Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT Swim (Install and update).
- Optional: activate WPForms Lite for the book an assessment 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 |
| Classes | – | Pro |
| Children's levels | Classes | Pro |
| Shallow end: Splash and Floaters | Children's levels | Pro |
| Middle: Paddlers | Children's levels | Pro |
| Deep end: Strokes and Deep end | Children's levels | Pro |
| Adult lessons | Classes | Pro |
| Private lessons | Classes | Pro |
| Prices | – | Pro |
| About | – | Free |
| Instructors | About | Pro |
| Pool and facilities | About | Pro |
| FAQ | About | Pro |
| Contact | – | Free |
| Swim tips (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 /#stages).
| Section (Navigator name) | CSS ID |
|---|---|
| Stages | #stages |
| Why families choose us | #why |
| First lesson | #first-lesson |
| Adults | #adults |
| Timetable | #timetable |
| Fees | #fees |
| Safety | #safety |
| Reviews | #reviews |
| FAQ | #faq |
| Visit | #visit |
- Stages by depth: The home page lays out your learn-to-swim stages along a pool, from the shallow end to the deep end, with ages and what each stage achieves.
- Free assessment card: Parents who are not sure which class fits can book an assessment straight from the first screen.
- Timetable and term fees: A weekly timetable with places left, colour-coded by stage, and a clear fee list with a note for siblings.
- First lesson, step by step: Arrival, changing, meeting the teacher and the lesson itself, so nervous families know what to expect.
- Free Elementor, nothing else: Built with free Elementor widgets on Hello Elementor; fonts are bundled, so there are no Google Fonts requests.
Menu
The demo import creates this main menu (Appearance → Menus):
- Home
- Classes → Children's levels (Shallow end (0.6–0.9 m), Middle (1.2 m), Deep end (1.5–2.0 m)), Adult lessons, Private lessons
- Prices
- About → Instructors, Pool and facilities, FAQ
- Swim tips
- Contact
Header button: Book a first lesson (link #stages), changed in Appearance → Customize → LT Swim options.
One-page mode (Pro)
With Pro Standard or Pro Unlimited, tick One-page mode on the home page in Appearance → Customize → LT Swim options and the menu scrolls to these sections: Stages, Why families choose us, First lesson, Adults, Timetable, Fees, Safety, Reviews, FAQ, Visit. To change the labels or leave sections out, see One-page mode.
Used the old LT Swim 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 |
|---|---|
| Pool teal (buttons, links, deep water) | #006B7A |
| Grout grey (soft text) | #4D666C |
| Deep end (text) | #0B2B33 |
| Rope red (lane rope, places left) | #D7263D |
| Tile white (page) | #F2F8F9 |
| Shallow (tinted sections) | #DCEFF2 |
| Shallow water (fills) | #BFE4E8 |
| Hairlines and grout | #C3DDE2 |
| Deep water (dark bands) | #08404B |
| Text on dark | #F2F8F9 |
| Soft text on dark | #B5D6DC |
| Button hover | #004F5A |
| Name in Global Fonts | Font |
|---|---|
| Display (headings, depth markers) | Overpass |
| Interface (menu, labels) | Overpass |
| Body text | Overpass |
| Buttons | Overpass |
Form
With WPForms Lite active, the demo import creates the form Book an assessment on the Contact page. Fields: Your name (required), Email (required), Phone (optional), Swimmer's first name (required), Swimmer's age (required), Preferred Saturday time (required), Swimming so far (required), Anything the teacher should know. Email subject: “Assessment booking from the website”. After sending, visitors see: “Thank you. Reception will confirm your Saturday slot by email 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)Lanes Swim SchoolSpringfield
- Keep the stages in depth order (shallow to deep); the water heights carry that order.
- Do not promise results such as 'swimming in ten lessons'; children learn at their own pace.
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 |
|---|---|
| Swimming teacher on the poolside with a group of learners in the water | 1600 × 1200 px |
| Adult swimmer doing front crawl between lane ropes | 1600 × 1200 px |
| Empty indoor pool with lane markings on the floor | 1800 × 1100 px |
| Swim fins on the edge of the pool | 1600 × 1200 px |
| Kickboards stacked by the starting blocks | 1600 × 1200 px |
| Swimmer resting on the pool edge in a cap and goggles | 1600 × 1000 px |
| Swimmer holding a kickboard at the side of the pool | 1600 × 1000 px |
| Swimmer gliding underwater along the lane rope | 1600 × 1000 px |
AI kit (Pro Unlimited)
The AI kit’s AGENTS.md tells an assistant how LT Swim is built. The CSS classes it relies on (keep them when you edit):
| CSS class | What it is |
|---|---|
lt-hero | home hero (headline, assessment card, depth profile) |
lt-profile | pool cross-section with the stages; children lt-stage |
lt-stage | one stage: lt-depth marker, lt-water spacer (its height is the depth), name, age, outcome |
lt-depth | painted depth marker tile, e.g. 1.2 m (Heading widget) |
lt-water | water column of a stage (Spacer widget: taller = deeper) |
lt-card-assess | free assessment card in the hero |
lt-facts | three plain facts in a row |
lt-steps | first lesson steps (a real sequence, numbered) |
lt-week | timetable: rows of lt-day, class chips lt-slot lt-slot–s1..s5 (stage colour) |
lt-price | fee row (label + amount) |
lt-quote | parent review |
lt-pagehead | inner page heading band |
lt-stage-row | stage in detail (Classes page) |
lt-person | teacher entry |
lt-map | map drawing |
See AI kit for the prompts, the safe edit tool and the launch checker.
Questions about LT Swim
Do I need Elementor Pro?
No. LT Swim uses only the free Elementor plugin and the free Hello Elementor theme.
Can I change the stages and depths?
Yes. Each stage is a small Elementor column: edit the name, age and depth, and set the water height in the Spacer widget (taller means deeper).
Will my site look like the demo?
Yes, with Pro: Appearance > Demo import creates every page, colours, fonts, menu, header and footer. Demo photos are replaced by placeholders you swap for your own.
Is there a booking system?
With the free WPForms Lite plugin, the Contact page has a ready 'Book an assessment' form that emails you each request. The theme does not take payments.
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 Classes page, sample posts, demo import, credit removal, updates and support. Pro Unlimited adds the AI kit.
I have the old LT Swim. Is this an update?
It is version 2.0 with a new design 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 Swim also exists as a Joomla template: see the LT Swim Joomla docs.
Ask AI about LT Swim
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