LT Hotel Booking is a guesthouse and B&B theme for Elementor (free): the whole house drawn in section, with every room on its floor, named by its paint and counted in steps from the front door, room rows with beds and bathrooms, breakfast times and menu, prices by season, room pages that show where each room is and how far up, a step-free room page, a plain three-step booking explanation and a room 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 house and Book a room pages (with the house in section and the room request 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): The house, Book a room, Journal. Pages in Pro (Appearance → Demo import): Home, The house, House rules, Around Quay Street, Rooms, Upstairs rooms, Bay room, Ochre room, Attic room, Garden room, Breakfast, Diets and allergies, Book a room, Getting here, Journal.
Quick setup
- Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT Hotel Booking (Install and update).
- Optional: activate WPForms Lite for the room 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 |
| The house | – | Free |
| House rules | The house | Pro |
| Around Quay Street | The house | Pro |
| Rooms | – | Pro |
| Upstairs rooms | Rooms | Pro |
| Bay room | Upstairs rooms | Pro |
| Ochre room | Upstairs rooms | Pro |
| Attic room | Upstairs rooms | Pro |
| Garden room | Rooms | Pro |
| Breakfast | – | Pro |
| Diets and allergies | Breakfast | Pro |
| Book a room | – | Free |
| Getting here | Book a room | Pro |
| Journal (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 |
| Breakfast | #breakfast |
| The house | #the-house |
| How to book | #how-to-book |
| Prices | #prices |
| Guest book | #guests |
| Journal | #journal |
| Find us | #find-us |
| Call to action | #ask |
- The house in section: The whole guesthouse drawn as a cutaway: every room on its floor, named by its paint, with the steps from the front door counted up the stair column and the step-free room ringed.
- Room pages that show the climb: Each room page dims every other room in the house, then gives the floor, steps, bed, bathroom, what is in the room and the prices.
- Honest booking: A plain three-step explanation and a room request form: guests ask, you reply with what is free and the price, and nothing is booked until they confirm. No fake booking engine.
- Breakfast and house pages: A breakfast page with the menu and times, a diets page, house rules, a guide to the streets around you and a getting-here page.
- Free Elementor and a ready request form: Every page is built with free Elementor widgets on Hello Elementor, with a room 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
- Rooms → Upstairs rooms (Bay room, Ochre room, Attic room), Garden room
- Breakfast → Diets and allergies
- The house → House rules, Around Quay Street
- Journal
- Book a room → Getting here
Header button: Ask for a room (link /contact/#request), changed in Appearance → Customize → LT Hotel Booking options.
One-page mode (Pro)
With Pro Standard or Pro Unlimited, tick One-page mode on the home page in Appearance → Customize → LT Hotel Booking options and the menu scrolls to these sections: Welcome, Rooms, Breakfast, The house, How to book, Prices, Guest book, Journal, Find us, Call to action. To change the labels or leave sections out, see One-page mode.
Used the old LT Hotel Booking 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 |
|---|---|
| Front door (buttons, links) | #1E5664 |
| Plaster grey (soft text) | #4C5B5F |
| Slate ink (text, the section's walls) | #1A2528 |
| Geranium (step-free ring and focus marks, light backgrounds only) | #B8433A |
| Limewash (page) | #F3F5F2 |
| Stair runner (tinted sections) | #E1EBE9 |
| Hairlines | #C6D3D2 |
| Front door at dusk (dark bands) | #163840 |
| Text on dark | #F1F4F1 |
| Soft text on dark | #AFC7CA |
| Button hover | #143F4A |
| Room paint: Garden room | #BCD6B4 |
| Room paint: Bay room | #BCDAD8 |
| Room paint: Linen room | #E8DECB |
| Room paint: Ochre room | #E6C27A |
| Room paint: Slate room | #BAC4D3 |
| Room paint: Attic room | #EBBDB1 |
| Name in Global Fonts | Font |
|---|---|
| Display (headings, room names) | Caprasimo |
| Interface (menu, steps, labels) | Livvic |
| Body text | Livvic |
| Buttons | Livvic |
Form
With WPForms Lite active, the demo import creates the form Room request on the Book a room page. Fields: Your name (required), Email (required), Arrival date (required), Nights (required), Guests (required), Room (required), Good for us to know, Anything else. Email subject: “Room request from the website”. After sending, visitors see: “Thank you. Ines or Owen will reply by email today 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)Quayside HouseQuay StreetSpringfieldSample guest
- Use the house in section only for the real rooms of the house: one row per floor, top floor first, one cell per room, and keep the step counts true.
- Keep geranium for the step-free ring and the room in focus; never use it for text on the dark bands.
- Do not add a booking or payment flow: the room request form or a phone call books a room, and the copy says nothing is booked until the guest confirms.
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 wooden double bed by a tall window with floral curtains and morning sun | 1600 × 1200 px |
| A double bed with a pale throw, two bedside lamps and white shutters | 1600 × 1200 px |
| An attic bedroom with a sloped white ceiling, a skylight window and a made double bed | 1600 × 1200 px |
| A room with a writing desk, a rug and glass doors open onto a green garden | 1600 × 1200 px |
| A breakfast table laid with bread, butter, jam and a teapot in a dining room | 1600 × 1200 px |
| Bread, jam, cream and coffee on a wooden breakfast table | 1600 × 1200 px |
| A terrace house front with a black door and red geraniums in the window box | 1600 × 1200 px |
| An upstairs landing with a wooden floor, a white railing and painted stairs going up to the attic | 1600 × 1200 px |
| Toast with strawberry jam and a cup of black coffee | 1600 × 1000 px |
| A cobbled street of painted houses in a small town | 1600 × 1000 px |
| Painted houses along a harbour front, people walking by the water in the distance | 1600 × 1000 px |
AI kit (Pro Unlimited)
The AI kit’s AGENTS.md tells an assistant how LT Hotel Booking is built. The CSS classes it relies on (keep them when you edit):
| CSS class | What it is |
|---|---|
lt-hero | home hero band (the guesthouse name and the house in section) |
lt-house | the house in section: a roof row (lt-house__roof), one lt-house__row per floor (top floor first) holding a stair cell and a floor (lt-floor), then the street line (lt-house__ground) and a caption |
lt-stair | the stair cell of a floor: steps from the front door (lt-stair__n) and a unit line; add lt-stair–<room> for each room on that floor so focus can light it |
lt-cell | one room in the section (name in lt-cell__name, bed and bathroom in lt-cell__meta); paint lt-cell–garden|bay|linen|ochre|slate|attic; lt-cell–common hatches a room nobody sleeps in; lt-cell–access rings the step-free room |
lt-house--focus | dims every room except one; add lt-house–f-<room> |
lt-paint | small paint chip in text: <span class="lt-paint lt-paint–bay"></span> |
lt-spec | one room row (name and floor, bed, bathroom, price) |
lt-rate | one row of the prices table (room and three prices); is-head for the header |
lt-price | label + value row (times, prices, facts) |
lt-step | one step of the booking sequence (number, title, text) |
lt-quote | sample guest book note |
lt-pagehead | inner page heading band |
lt-desk | contact block (call, write, find us) |
lt-person | a host (name and role) |
lt-hold | the 'ask for this room' panel on room pages |
lt-shots | a row of room photos with captions |
See AI kit for the prompts, the safe edit tool and the launch checker.
Questions about LT Hotel Booking
Do I need Elementor Pro?
No. LT Hotel Booking 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 or payments. Guests send a room request with the form or call you, and you confirm the room yourself. If you use a channel manager or booking service, its link can go in any button.
How do I change the house for my guesthouse?
Each floor is a row in Elementor with a stair cell and one small container per room. Change the room names, the step counts and the paint class (lt-cell–garden, bay, linen, ochre, slate or attic); add or remove rooms and floors to match your house.
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 house and Book a room pages and the blog. Pro adds the home page, the Rooms and Breakfast pages and their sub-pages, sample posts, one-click demo import, credit removal, updates and support. Pro Unlimited adds the AI kit.
I have the old LT Hotel Booking. 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 Booking also exists as a Joomla template: see the LT Hotel Booking Joomla docs.
Ask AI about LT Hotel Booking
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