LT Storage is a theme for a cloud storage and data centre company, built for Elementor (free): a home page that opens with a rack elevation, a 42U rack drawn to scale with every piece of equipment on its rack units and the service it belongs to, then rack space plans drawn as racks to one scale, cloud storage priced per terabyte, backup and archive, the data centre floor, the move-in steps, questions, notes and a site-visit call to action. Pages for colocation (with a three-level branch for quarter, half and full racks), remote hands, cloud storage, backup and archive, moving data in, the company, the data centre, security and access, and a contact page with a quote 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 Contact pages (with the quote 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): About, Contact, Notes. Pages in Pro (Appearance → Demo import): Home, Colocation, Racks, Quarter rack, Half rack, Full rack, Remote hands, Cloud storage, Backup and archive, Moving data in, About, The data centre, Security and access, Contact, Notes.
Quick setup
- Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT Storage (Install and update).
- Optional: activate WPForms Lite for the quote 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 |
| Colocation | – | Pro |
| Racks | Colocation | Pro |
| Quarter rack | Racks | Pro |
| Half rack | Racks | Pro |
| Full rack | Racks | Pro |
| Remote hands | Colocation | Pro |
| Cloud storage | – | Pro |
| Backup and archive | Cloud storage | Pro |
| Moving data in | Cloud storage | Pro |
| About | – | Free |
| The data centre | About | Pro |
| Security and access | About | Pro |
| Contact | – | Free |
| 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 /#rack).
| Section (Navigator name) | CSS ID |
|---|---|
| The rack | #rack |
| Rack space | #space |
| Cloud storage | #cloud |
| Backup and archive | #backup |
| The data centre | #floor |
| Moving in | #move-in |
| Questions | #questions |
| Notes | #notes |
| Call to action | #visit |
- A rack elevation as the hero: The home page opens with a 42U rack drawn to scale: every server, storage node, switch and free unit on its rack units, with the service it belongs to beside it.
- Rack space drawn to one scale: 1U, quarter, half and full rack plans drawn as small racks with the same unit height, with power, price and a page for each rack size.
- Storage priced per terabyte: Tier rows for standard, cool and tape archive storage with how fast data comes back and the price per TB, plus backup and data import pages.
- The floor, power and access: Fact rows for power feeds, cooling, network and security, a move-in sequence, remote-hands tasks and a visit step by step.
- Free Elementor and a ready quote form: Every page is built with free Elementor widgets on Hello Elementor, with a 'Quote 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
- Colocation → Racks (Quarter rack, Half rack, Full rack), Remote hands
- Cloud storage → Backup and archive, Moving data in
- About → The data centre, Security and access
- Notes
- Contact
Header button: Ask for a quote (link /contact/#quote), changed in Appearance → Customize → LT Storage options.
One-page mode (Pro)
With Pro Standard or Pro Unlimited, tick One-page mode on the home page in Appearance → Customize → LT Storage options and the menu scrolls to these sections: The rack, Rack space, Cloud storage, Backup and archive, The data centre, Moving in, Questions, Notes, Call to action. To change the labels or leave sections out, see One-page mode.
Used the old LT Storage 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 |
|---|---|
| Cold aisle blue (customer server blocks, buttons, links) | #1C4E9A |
| Label grey (soft text) | #4A5866 |
| Rack ink (text, storage blocks, rack frame) | #162536 |
| Hot aisle orange (reserved hatching and A-feed line only) | #D9531E |
| Cold aisle white (page) | #EEF1F3 |
| Containment grey (tinted sections, network faceplates) | #DCE2E7 |
| Hairlines | #C3CCD4 |
| Night shift (dark bands) | #14283F |
| Text on dark | #EEF1F3 |
| Soft text on dark | #AFC0D2 |
| Button hover | #143B76 |
| Fibre aqua (free-unit outline and B-feed line only) | #0E8C99 |
| Name in Global Fonts | Font |
|---|---|
| Display (headings, rack labels) | Advent Pro |
| Interface (menu, labels) | Advent Pro |
| Body text and prices | Lato |
| Buttons | Lato |
Form
With WPForms Lite active, the demo import creates the form Quote request on the Contact page. Fields: Your name (required), Work email (required), Company (required), What you need (required), Rack units or terabytes, Power per rack, Also interested in, Anything we should know. Email subject: “Quote request from the website”. After sending, visitors see: “Thank you. Someone from the sales desk will reply within one working day with a quote, or with a few questions about power and network first.”
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)FernhillQuarry LaneSpringfield
- Keep one rack unit the same height everywhere in a drawing and keep the U numbers counting from U1 at the bottom; a rack holds 42U in all, so when you change a block, change its neighbours so the units still add up.
- Use hot aisle orange and fibre aqua only for the rack marks (reserved hatching, free outline, the feed lines); never for text or buttons.
- Do not use racks or U numbers as decoration, section labels or progress bars.
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 long, bright data centre aisle between rows of black server racks | 1600 × 1067 px |
| A hand sorting fibre optic patch cables in a server rack | 1600 × 1154 px |
| Aqua fibre patch cables plugged into a patch panel | 1600 × 1067 px |
| An opened hard disk drive showing its platters and read arm | 1600 × 1067 px |
| Two engineers with laptops walking along a lit row of server racks | 1600 × 1068 px |
| Cardboard boxes of equipment in front of two loading bay doors | 1600 × 1065 px |
| An orange standby generator housing beside a concrete building | 1600 × 1200 px |
| A card reader on a concrete wall in a corridor leading to a steel door | 1600 × 1067 px |
| Bundles of grey network cables neatly dressed into a rack | 1600 × 1200 px |
| A black and white close-up of an opened hard drive | 1600 × 1067 px |
| Aqua fibre and grey network cables plugged into server ports | 1600 × 1065 px |
AI kit (Pro Unlimited)
The AI kit’s AGENTS.md tells an assistant how LT Storage is built. The CSS classes it relies on (keep them when you edit):
| CSS class | What it is |
|---|---|
lt-rack | the rack elevation: lt-rack__head (rack name and hall), the units list ol.lt-units, the caption lt-rack__cap |
lt-unit | one block in the rack (li), is-u1 to is-u21 = its height in rack units (the height itself comes from one U number per unit); kind: is-colo, is-store, is-backup, is-archive, is-net, is-reserved, is-free, is-blank; parts lt-unit__n (U numbers), lt-unit__face (what it is), lt-unit__svc (the service) |
lt-key | the key under a rack: one swatch per block kind (lt-swatch is-…) with its meaning in words |
lt-plans | rack space plans side by side; each lt-planrack has a small rack drawn to scale (lt-mini, filled part lt-mini__used is-u1|u10|u21|u42) |
lt-tier | one cloud storage tier row: name and use, how fast you get data back, price per TB, action |
lt-fact | a label and value row (power, cooling, network, access) |
lt-task | one remote-hands task row: task, how fast, price |
lt-steps | ordered steps (a real sequence: moving in, a visit, shipping drives) |
lt-pagehead | inner page heading band |
lt-desk | one contact desk block |
lt-person | one person (name and role) |
See AI kit for the prompts, the safe edit tool and the launch checker.
Questions about LT Storage
Do I need Elementor Pro?
No. LT Storage 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 I draw my own racks?
Yes. Each rack is a short list in an Elementor text widget, one line per piece of equipment with its rack units, so you can change it in the editor, or ask an AI assistant to do it with the AI kit's safe edit tool.
Does it fit a hosting company without a data centre?
Yes, if you sell rack space, storage or backup. For shared hosting and domains, LT Hosting is the closer theme.
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 Contact pages and the blog. Pro adds the home page, colocation, rack, cloud storage, backup and data centre pages, sample posts, one-click demo import, credit removal, updates and support. Pro Unlimited adds the AI kit.
I have the old LT Storage. 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 Storage also exists as a Joomla template: see the LT Storage Joomla docs.
Ask AI about LT Storage
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