LT Mattress is a mattress and bed shop theme for Elementor (free), the WordPress version of the LT Mattress Joomla template: a night-blue hero, four collection tiles with 'from' prices, the showroom band, six mattress types in an overlapping midnight box, the organic edition shown as an exploded cross-section, why to buy here, a customer quote, the mattress line-up where every card shows its layers in centimetres, and a closing offer band with the showroom address. Inner pages for the shop (mattresses by type, bed frames, recliners and massage chairs, pillows and bedding), services, delivery and removal, the story, a gallery, FAQs and a showroom visit and 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 | Theme + one-page website import: the child theme with its design, fonts, header and footer, blog and 404 templates and mobile menu, and a one-click import of the home page sections as a one-page website with a scroll menu. The footer credit stays. Help from the AI assistant and the contact form. |
| Pro Standard | $29 a year | Full multi-page website like the demo: every page, sample posts and one-click demo import, with one-page mode too. Remove the footer credit or replace it with your own. 1 website; downloads, updates and ticket support for 1 year. |
| Pro Unlimited | $49 once | Everything in Pro Standard plus the AI kit. Unlimited websites, lifetime updates and ticket support. |
Free: theme + one-page website import (Appearance → One-page import): Home (one-page website), Sleep notes. Pro: full multi-page website like the demo (Appearance → Demo import): Home, About us, Gallery, FAQs, Shop, Mattresses, Pocket spring, Memory foam, Natural latex, Bed frames, Recliners and chairs, Pillows and bedding, Services, Delivery and removal, Contact, Sleep notes. Help: Free, the AI assistant and the contact form; Pro, ticket support.
Quick setup
- Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT Mattress (Install and update).
- Pro, optional: activate WPForms Lite for the showroom visit and enquiry form.
- Pro: Appearance → Demo import → Import (Demo import). Free: Appearance → One-page import (the one-page website).
- Replace the demo content and pictures (below), set your logo and the header button.
Pages in the demo
| Page | Under | Edition |
|---|---|---|
| Home | – | Free (as the one-page website) and Pro |
| About us | – | Pro |
| Gallery | About us | Pro |
| FAQs | About us | Pro |
| Shop | – | Pro |
| Mattresses | Shop | Pro |
| Pocket spring | Mattresses | Pro |
| Memory foam | Mattresses | Pro |
| Natural latex | Mattresses | Pro |
| Bed frames | Shop | Pro |
| Recliners and chairs | Shop | Pro |
| Pillows and bedding | Shop | Pro |
| Services | – | Pro |
| Delivery and removal | Services | Pro |
| Contact | – | Pro |
| Sleep notes (blog) | – | Free and Pro |
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 |
| Collections | #collections |
| Our promise | #promise |
| The showroom | #showroom |
| Mattresses | #mattresses |
| The organic edition | #organic |
| Why buy here | #why |
| From a customer | #reviews |
| Mattress line-up | #lineup |
| Visit the showroom | #visit |
- The same design as the Joomla template: LT Mattress is also a Joomla template; this WordPress version keeps its midnight navy and gold, Garamond headings, square corners and the overlapping navy box, rebuilt for free Elementor.
- Mattresses shown by their layers: Every mattress card starts with a cross-section drawn to scale: each layer's material and thickness, top first, and the total height.
- A bed shop without a cart: Collections with 'from' prices, a mattress line-up, bed frames, recliners and bedding with example prices and 'Ask about this' links to the enquiry form.
- Showroom and service pages: Mattress families with sizes, a three-level mattress menu, services, delivery and removal, the story, a gallery, FAQs and opening hours.
- Free Elementor and a ready enquiry form: Built with free Elementor widgets on Hello Elementor, with a 'Showroom visit and 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
- About us → Gallery, FAQs
- Shop → Mattresses (Pocket spring, Memory foam, Natural latex), Bed frames, Recliners and chairs, Pillows and bedding
- Services → Delivery and removal
- Sleep notes
- Contact
Header button: Book a visit (link #visit), changed in Appearance → Customize → LT Mattress options.
One-page mode
In every edition the menu can scroll to these sections: Welcome, Collections, Our promise, The showroom, Mattresses, The organic edition, Why buy here, From a customer, Mattress line-up, Visit the showroom. Free: Appearance → One-page import creates the one-page website with them. Pro: tick One-page mode on the home page in Appearance → Customize → LT Mattress options. To change the labels or leave sections out, see One-page mode.
Used the old LT Mattress onepage WordPress theme? It is not sold any more: version 2.0 is one theme for both. The Free edition imports the one-page website; Pro adds the full multi-page website.
Colours and fonts
Change them in Elementor Site Settings → Global Colors and Global Fonts; the whole site follows.
| Name in Global Colors | Value |
|---|---|
| Midnight (header, buttons, links, features box) | #03162F |
| Slate (soft text) | #444444 |
| Ink (text) | #252525 |
| Gold (brand, marks and labels on dark only) | #DBBF00 |
| White (page) | #FFFFFF |
| Linen grey (tiles, tinted bands) | #F2F3F3 |
| Hairlines | #DDE0E3 |
| Night (quote, offer band, footer) | #030611 |
| Text on dark | #FFFFFF |
| Soft text on dark | #DADADA |
| Button hover | #123A6B |
| Old gold (italic labels on light) | #766300 |
| Name in Global Fonts | Font |
|---|---|
| Headings (Cormorant Infant) | Cormorant Infant |
| Menus, card titles and labels (Roboto) | Roboto |
| Body text (Roboto) | Roboto |
| Buttons (Roboto) | Roboto |
Form
Pro: with WPForms Lite active, the demo import creates the form Showroom visit and enquiry on the Contact page. Fields: Your name (required), Email (required), Phone (optional), What can we help with? (required), How do you sleep?, Feel you think you like, Preferred day and time, Anything we should know. Email subject: “Showroom visit or product enquiry from the website”. After sending, visitors see: “Thank you. We reply by email within one working day, with a visit time or the answer to your question.”
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)Linden Sleep ShowroomLinden SleepLinden AvenueLindenSpringfieldSample customer
- Keep the cross-sections true: layers top first, `lt-cm-<n>` equal to the real thickness, and the total under the strip.
- Use the italic label (`lt-label`) on three sections at most; never set headings in capitals.
- Do not add health claims, star ratings or reviews presented as real; prices and offers stay marked as examples until they are yours.
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 made bed with cream linen against a dark blue wall, a black reading lamp above the headboard | 1600 × 1067 px |
| A bed with white linen between two lit bedside lamps in a dark room with a brick wall and a tall window | 1600 × 1175 px |
| Close-up of a white quilted mattress top | 1600 × 2347 px |
| An upholstered bed frame with a padded headboard, made with white sheets and pillows | 1600 × 1067 px |
| A beige wing armchair with a footstool in a pale room | 1600 × 2400 px |
| Soft folds of white cotton bed linen | 1600 × 1600 px |
| A white upholstered armchair with a wooden frame and a magazine on the seat | 1600 × 2400 px |
| A corner of a bedroom with teal bedding, an orange armchair, a small lamp and a plant | 1600 × 2133 px |
| A cream sofa with soft cushions and a throw in a sunlit room | 1600 × 2400 px |
| A glass bedside lamp glowing at night next to grey pillows | 1600 × 1067 px |
| A bedroom with a tall tufted headboard, a made bed and long dark curtains | 1600 × 1068 px |
Demo photos
The live demo of LT Mattress shows real photos; the download uses placeholder pictures. The photos are from Pexels, free to use under the Pexels licence (credit is not required, but we thank the photographers):
cat-bedding.jpg: photo by Natalia S on Pexelscat-frame.jpg: photo by Engin Akyurt on Pexelscat-mattress.jpg: photo by Byakuya Lifestyle on Pexelscat-recliner.jpg: photo by Vlada Karpovich on Pexelschair.jpg: photo by Ron Lach on Pexelshero.jpg: photo by Markus Winkler on Pexelsoffer.jpg: photo by Hoài Nam on Pexelsreview.jpg: photo by SlipcoverKAS .COM on Pexelsroom.jpg: photo by Max Vakhtbovych on Pexelsshowroom.jpg: photo by Neron Photos on Pexelswhy.jpg: photo by Fanuel Leul on Pexels
Selling online
LT Mattress shows products as catalogue pages with example prices and enquiry links; there is no cart. See Selling online for adding WooCommerce.
AI kit (Pro Unlimited)
The AI kit’s AGENTS.md tells an assistant how LT Mattress is built. The CSS classes it relies on (keep them when you edit):
| CSS class | What it is |
|---|---|
lt-hero | home hero: night band with the full-bleed bedroom photo (lt-hero__photo) and the text on the left |
lt-band | full-bleed photo band with text on the left (lt-band__photo): the showroom and the closing offer |
lt-label | italic old-gold label above a heading (three sections at most) |
lt-tile | collection tile on linen grey: photo, lt-tile__from price, title, small outline button |
lt-promise | centred statement under the crest (lt-crest) |
lt-split | section whose left 70% is linen grey (the Joomla grey panel the midnight box overlaps) |
lt-typebox | the midnight box of mattress types; each lt-type = mini strip, name, one line, Learn more |
lt-strip | a mattress cross-section (Text Editor with ul.lt-layers): one li per layer, top first, classes lt-m-<material> and lt-cm-<thickness> |
lt-strip--mini | small strip without labels (icon of a mattress type) |
lt-strip--tall | large strip on a mattress page |
lt-section-svg | the exploded cross-section drawing of the organic edition |
lt-whyphoto | tall photo that the white why card overlaps |
lt-whycard | white card overlapping the photo (the only shadow): label, heading, lt-why lines with lt-ico squares |
lt-night | night block (testimonial) beside a photo (lt-fill) |
lt-quote | customer quote with the gold quote mark (marked Sample customer) |
lt-mcard | mattress card in the line-up: strip, name, build, lt-rows facts, price, Ask about this |
lt-item | catalogue item (frames, chairs, bedding): photo, name, what it is, lt-item__price, Ask about this |
lt-card | contact card (phone, email, address); its title takes lt-ico lt-ico–phone|mail|pin |
lt-steps | a real sequence of steps (how buying works, delivery day); each lt-step |
lt-pagehead | inner page heading band (midnight) |
lt-price | label + value row (hours, prices, facts) |
lt-rule | short gold rule in a photo band |
See AI kit for the prompts, the safe edit tool and the launch checker.
Questions about LT Mattress
Do I need Elementor Pro?
No. LT Mattress 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 work as a one-page site?
Yes, in every edition. Free imports the one-page website: the Home page sections on one scrolling page, with a menu that scrolls to them and highlights the current section. Pro imports the full multi-page website, and one-page mode is a switch in the Customizer (or the "One-page (scroll menu)" page template).
Is there a Joomla version of LT Mattress?
Yes. LT Mattress is also a Joomla template on ltheme.com with the same design. The WordPress version is a separate product, built for free Elementor.
Does it have an online shop?
No. The shop is a catalogue: items show example prices and send customers to the enquiry form or the phone, and everything is sold in the showroom. If you sell online, link the buttons to your shop.
How do I change a mattress cross-section?
Each strip is a list in a Text Editor widget: one line per layer, top first, with a material class (lt-m-latex, lt-m-springs…) and a thickness class (lt-cm-8). Edit the names and centimetres; the AI kit's AGENTS.md lists every class.
What is the difference between Free and Pro?
Free: theme + one-page website import (the Home page sections on one scrolling page with a scroll menu, imported in one click); the footer credit stays, and help comes from the AI assistant and the contact form. Pro: full multi-page website like the demo: all 16 pages, sample posts and one-click demo import, one-page mode too, credit removal (put your own copyright there), updates and ticket support. Pro Unlimited adds the AI kit.
Also for Joomla
LT Mattress also exists as a Joomla template: see the LT Mattress Joomla docs.
Ask AI about LT Mattress
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