LT Hotel is a hotel and resort theme for Elementor (free): the whole house drawn as the key board behind the front desk, with every room as a numbered key by floor and side, room types with sizes and beds, times for check-in, breakfast, pool and spa, rates by season, restaurant and spa pages, room pages that show where each room is, a step-free stay page and a stay enquiry 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 hotel and Book a stay 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): The hotel, Book a stay, Bay notes. Pages in Pro (Appearance → Demo import): Home, The hotel, House rules, Rooms, Double rooms, Classic room, Sea view room, Garden room, Suites, Step-free stays, The resort, Spa and pool, Restaurant and bar, Weddings and groups, Book a stay, Getting here, Bay notes.
Quick setup
- Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT Hotel (Install and update).
- Optional: activate WPForms Lite for the stay enquiry 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 |
| The hotel | – | Free |
| House rules | The hotel | Pro |
| Rooms | – | Pro |
| Double rooms | Rooms | Pro |
| Classic room | Double rooms | Pro |
| Sea view room | Double rooms | Pro |
| Garden room | Double rooms | Pro |
| Suites | Rooms | Pro |
| Step-free stays | Rooms | Pro |
| The resort | – | Pro |
| Spa and pool | The resort | Pro |
| Restaurant and bar | The resort | Pro |
| Weddings and groups | The resort | Pro |
| Book a stay | – | Free |
| Getting here | Book a stay | Pro |
| Bay 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 /#welcome).
| Section (Navigator name) | CSS ID |
|---|---|
| Welcome | #welcome |
| Rooms | #rooms |
| Your stay | #stay |
| The resort | #resort |
| Restaurant | #dining |
| Rates | #rates |
| Guest notes | #guests |
| Bay notes | #bay-notes |
| Getting here | #find-us |
| Call to action | #ask |
- The key board: The whole hotel drawn as the key board behind the front desk: a numbered key for every room by floor and side, coloured by room type, so guests see where each room is.
- Room pages that show where you sleep: Each room page dims every other key on the board, then gives the size, bed, side, what is in the room and the rates.
- Rates by season and the times that matter: A rates table by room type and season, and clear rows for check-in, breakfast, pool, spa and the front desk.
- Resort pages: Spa and pool, restaurant and bar, and weddings and groups pages, with treatment and menu rows and event capacities.
- Free Elementor and a ready enquiry form: Every page is built with free Elementor widgets on Hello Elementor, with a stay enquiry 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
- Rooms → Double rooms (Classic room, Sea view room, Garden room), Suites, Step-free stays
- The resort → Spa and pool, Restaurant and bar, Weddings and groups
- The hotel → House rules
- Bay notes
- Book a stay → Getting here
Header button: Ask about a stay (link /contact/#enquiry), changed in Appearance → Customize → LT Hotel options.
One-page mode (Pro)
With Pro Standard or Pro Unlimited, tick One-page mode on the home page in Appearance → Customize → LT Hotel options and the menu scrolls to these sections: Welcome, Rooms, Your stay, The resort, Restaurant, Rates, Guest notes, Bay notes, Getting here, Call to action. To change the labels or leave sections out, see One-page mode.
Used the old LT Hotel 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 |
|---|---|
| Brass (buttons, links) | #7A5712 |
| Corridor (soft text) | #4E5A54 |
| Night porter (text) | #16211C |
| Bright brass (hooks and marks on the green board only) | #D8AE4E |
| Pillowcase (page) | #F8F8F4 |
| Baize mist (tinted sections) | #E3EAE4 |
| Hairlines | #C9D3CC |
| Key board green (dark bands) | #1C3A2F |
| Text on dark | #F3F2EA |
| Soft text on dark | #B4C8BC |
| Button hover | #5C410B |
| Key fob: Classic room | #D8AE4E |
| Key fob: Garden room | #9FC7AA |
| Key fob: Sea view room | #93BCE0 |
| Key fob: Suite | #E8A096 |
| Name in Global Fonts | Font |
|---|---|
| Display (headings, room names) | Bona Nova |
| Interface (menu, room numbers, labels) | Pontano Sans |
| Body text | Pontano Sans |
| Buttons | Pontano Sans |
Form
With WPForms Lite active, the demo import creates the form Stay enquiry on the Book a stay page. Fields: Your name (required), Email (required), Arrival date (required), Nights (required), Guests (required), Room (required), Add to the stay, Anything we should know. Email subject: “Stay enquiry from the website”. After sending, visitors see: “Thank you. The front desk replies by email within a few hours with the rooms free on your dates and the price. Nothing is booked until you confirm.”
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)Larkspur Bay HotelShore RoadSpringfieldSample guest
- Use the key board only for the real rooms of the hotel: one row per floor, top floor first, one key per room, and keep the legend's room numbers in step with the keys.
- Keep bright brass and the fob colours on the green board; never use them for text on light backgrounds.
- Do not add a booking or payment flow: the stay enquiry form or a call to the front desk books a room.
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 Classic double room with a teal bedspread, wooden headboard and a rug on the floor | 1600 × 1200 px |
| A bright room with a double bed and a glass door open onto a balcony over the sea | 1600 × 1200 px |
| Open terrace doors with white curtains and a green garden outside | 1600 × 1200 px |
| The sitting area of a suite with an armchair, a desk and a tall lamp | 1600 × 1200 px |
| An outdoor pool with sun loungers and palm trees beside the hotel | 1600 × 1200 px |
| A rolled white towel on a massage table with a candle and a small vase | 1600 × 1200 px |
| Restaurant tables laid on a garden terrace with lavender in front | 1600 × 1200 px |
| A brass reception sign and a service bell on a wooden front desk | 1600 × 1200 px |
| A breakfast tray with croissants and coffee on a made bed | 1600 × 1000 px |
| A sandy path between wooden fences through the dunes to the beach | 1600 × 1000 px |
| Candles, white towels and flowers in a spa room | 1600 × 1000 px |
AI kit (Pro Unlimited)
The AI kit’s AGENTS.md tells an assistant how LT Hotel is built. The CSS classes it relies on (keep them when you edit):
| CSS class | What it is |
|---|---|
lt-hero | home hero band (the hotel's name and the key board) |
lt-board | the key board: a header row (lt-board__head) and one lt-board__row per floor, top floor first; each row is the floor number and two halves (lt-board__half), sea side then garden side |
lt-key | one room key (its number in a heading); type lt-key–classic|garden|sea|suite; lt-key–wide takes two hooks (suites); lt-key–access rings the step-free room |
lt-board--focus | dims every key except one type; add lt-board–f-classic|garden|sea|suite|access |
lt-legend | the board's legend: lt-swatch lt-swatch–<type> plus the type, room count and numbers |
lt-fob | small inline fob mark in text: <span class="lt-fob lt-fob–sea"></span> |
lt-room | one room type on the home page (photo, name, facts, price) |
lt-spec | one room-type row on the Rooms page (name, size and bed, side, price) |
lt-rate | one row of the rates table (room type and three season prices); is-head for the header |
lt-price | label + value row (times, prices, facts) |
lt-amenity | pool, spa or garden item (photo, title, hours) |
lt-quote | sample guest note |
lt-pagehead | inner page heading band; lt-pagehead–room sets the title in italic |
lt-desk | contact desk block |
lt-person | a person (name and role) |
lt-hold | the 'hold a room' panel on room pages |
See AI kit for the prompts, the safe edit tool and the launch checker.
Questions about LT Hotel
Do I need Elementor Pro?
No. LT Hotel 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 guests book and pay online?
The theme does not include a booking engine. Guests send a stay enquiry with the form or call the front desk, and you confirm the room yourself. A booking engine's button or link can go in any button.
How do I change the key board for my hotel?
Each floor is a row in Elementor and each key is a small container with the room number. Set the class lt-key–classic, garden, sea or suite for its type and lt-key–wide for a suite; add or remove keys to match your rooms.
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 hotel and Book a stay pages and the blog. Pro adds the home page, the Rooms and resort pages, sample posts, one-click demo import, credit removal, updates and support. Pro Unlimited adds the AI kit.
I have the old LT Hotel. 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 Hotel also exists as a Joomla template: see the LT Hotel Joomla docs.
Ask AI about LT Hotel
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