LT Tea is a tea house and loose-leaf tea shop theme for Elementor (free): a tasting-table hero with the teas of the day as cups of liquor from pale to dark, a tea shelf with prices per 50 g, a brewing guide, the tea room menu, tastings and classes, gift tins, where the tea comes from, opening hours and a tasting and order 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 Visit pages (with the request form slot), 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, Visit, Tea notes. Pages in Pro (Appearance → Demo import): Home, Teas, Green and white teas, Oolong teas, Black and dark teas, Gift tins and sets, Tea room, Tastings and classes, Gongfu session, Cupping morning, Tea and food pairing, About, How we buy tea, Visit, Tea notes.
Quick setup
- Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT Tea (Install and update).
- Optional: activate WPForms Lite for the tasting and order 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 |
| Teas | – | Pro |
| Green and white teas | Teas | Pro |
| Oolong teas | Teas | Pro |
| Black and dark teas | Teas | Pro |
| Gift tins and sets | Teas | Pro |
| Tea room | – | Pro |
| Tastings and classes | Tea room | Pro |
| Gongfu session | Tastings and classes | Pro |
| Cupping morning | Tastings and classes | Pro |
| Tea and food pairing | Tastings and classes | Pro |
| About | – | Free |
| How we buy tea | About | Pro |
| Visit | – | Free |
| Tea 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 /#today).
| Section (Navigator name) | CSS ID |
|---|---|
| On the table | #today |
| The tea shelf | #teas |
| How to brew | #brew |
| Tea room | #tea-room |
| Tastings | #tastings |
| Where our tea comes from | #sourcing |
| Gifts | #gifts |
| Tea notes | #notes |
| Visit | #visit |
- The tasting table: The home page opens with the teas of the day as a row of cups, palest to darkest, each with its origin, water temperature and steeping time.
- A tea shelf sold by the gram: Tea rows grouped by type, with a liquor swatch, tasting notes, prices per 50 g and 100 g, and an 'Ask about this' link to the request form.
- A brewing guide that teaches: Five brewing steps and a brewing card with grams, temperature, time and number of steeps for each type of tea.
- Tea room, tastings and gifts: The sit-in menu, dated tastings and classes on a cobalt band, gift tins and tasting sets, and the gardens the tea comes from.
- Free Elementor and a ready request form: Built with free Elementor widgets on Hello Elementor, with a 'Tasting and order 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
- Teas → Green and white teas, Oolong teas, Black and dark teas, Gift tins and sets
- Tea room → Tastings and classes (Gongfu session, Cupping morning, Tea and food pairing)
- About → How we buy tea
- Tea notes
- Visit
Header button: Book a tasting (link #tastings), changed in Appearance → Customize → LT Tea options.
One-page mode (Pro)
With Pro Standard or Pro Unlimited, tick One-page mode on the home page in Appearance → Customize → LT Tea options and the menu scrolls to these sections: On the table, The tea shelf, How to brew, Tea room, Tastings, Where our tea comes from, Gifts, Tea notes, Visit. To change the labels or leave sections out, see One-page mode.
Used the old LT Tea 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 |
|---|---|
| Cobalt glaze (buttons, links, cup rims) | #1F3F7A |
| Slate (origins, notes, soft text) | #4F5A6B |
| Iron kettle (text) | #141A26 |
| Amber liquor (the 'today' dot only) | #C8861E |
| Porcelain (page) | #F5F7FA |
| Glaze wash (tinted sections) | #E3E9F2 |
| Hairlines | #CBD4E2 |
| Deep cobalt (dark bands) | #172D59 |
| Text on cobalt | #F5F7FA |
| Soft text on cobalt | #BCC8DE |
| Button hover | #142B57 |
| Cup porcelain | #FFFFFF |
| Name in Global Fonts | Font |
|---|---|
| Headings and tea names (Alegreya) | Alegreya |
| Facts, menus and labels (Alegreya Sans) | Alegreya Sans |
| Reading text (Alegreya) | Alegreya |
| Buttons (Alegreya Sans) | Alegreya Sans |
Form
With WPForms Lite active, the demo import creates the form Tasting and order request on the Visit page. Fields: Your name (required), Email (required), Phone (optional), What would you like? (required), Number of people, Preferred day and time, Teas you like, Teas and amounts, or anything we should know. Email subject: “Tasting or order request from the website”. After sending, visitors see: “Thank you. We reply by email within one working day, usually sooner when the shop is open.”
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)Willow Lane Tea HouseWillow LaneSpringfield
- Keep the cups in oxidation order (white, green, light oolong, roasted oolong, black, pu-erh) and give each its real brewing facts.
- Liquor colours belong to the cups only; amber never carries text on light backgrounds.
- Do not add health claims for tea.
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 tea host preparing tea at a low table in a quiet tea room with shelves of teaware | 1600 × 1100 px |
| Hands pouring tea from a small porcelain pot into a glass pitcher on a wooden tea tray | 1600 × 1100 px |
| Rows of tea bushes curving over a green hillside | 1600 × 1100 px |
| A tea tasting table with rows of cups, jars and lids, a taster holding a spoon | 1600 × 1100 px |
| Small ceramic tea cups on a wooden tea tray ready for a gongfu session | 1600 × 1100 px |
| A bowl of green tea and a slice of matcha roll cake on a wooden table by a window | 1600 × 1100 px |
| Tall glass jars of loose-leaf tea lined up on a wooden counter | 1600 × 1100 px |
| Hot water poured from a kettle into glass teapots of green tea | 1600 × 1000 px |
| Tea plantation hills under a clear morning sky | 1600 × 1000 px |
| Jars of dark loose-leaf tea beside a cup of tea with lemon on white marble | 1600 × 1000 px |
AI kit (Pro Unlimited)
The AI kit’s AGENTS.md tells an assistant how LT Tea is built. The CSS classes it relies on (keep them when you edit):
| CSS class | What it is |
|---|---|
lt-hero | home hero (headline and the tasting table) |
lt-tasting-table | the tasting table under the hero: a row of lt-cup in oxidation order |
lt-cup | one tea as a cup seen from above: lt-liquor (Spacer widget, the liquor circle), lt-cup__name, lt-cup__origin, lt-cup__brew; colour modifier lt-cup–white|green|light|roast|black|puerh |
lt-cup--sm | small cup used in tea rows and the brewing guide |
lt-tea | one tea on the shelf (cup, name and notes, price per 50 g, Ask about this) |
lt-brew | brewing guide rows (with lt-rows); is-head marks the header row |
lt-steps | numbered brewing steps (a real sequence); each lt-step |
lt-event | tasting or class row (date, title and details, booking) |
lt-dot | amber 'today' dot (inside a text line) |
lt-pagehead | inner page heading band |
lt-desk | contact desk block |
lt-price | label + value row (menu, hours, prices) |
lt-garden | tea garden row (place + what we buy there) |
See AI kit for the prompts, the safe edit tool and the launch checker.
Questions about LT Tea
Do I need Elementor Pro?
No. LT Tea 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.
Does it have an online shop?
No. LT Tea shows your teas with prices and sends customers to a request form, to the counter or to the phone. If you sell online, link the buttons to your shop.
Can I change the teas in the cups?
Yes. Each cup is an Elementor column with the tea name, origin and brewing facts; the liquor colour comes from a class (white, green, light, roast, black, pu-erh) listed in the AI kit's AGENTS.md.
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 Visit pages and the blog. Pro adds the home page, the Teas and Tea room pages with 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 Tea. Is this an update?
It is 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 Tea also exists as a Joomla template: see the LT Tea Joomla docs.
Ask AI about LT Tea
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