LT Hosting

On this page
  1. Editions
  2. Quick setup
  3. Pages in the demo
  4. Home page sections
  5. Menu
  6. One-page mode (Pro)
  7. Colours and fonts
  8. Form
  9. Demo content to replace
  10. Photo guide
  11. AI kit (Pro Unlimited)
  12. Questions about LT Hosting
  13. Also for Joomla

LT Hosting is a web hosting and domain company theme for Elementor (free): a home page that explains a customer's DNS records in plain words, hosting plans as one comparison table, domain prices by extension, free site moves, the data centre, human support and hosting questions, plus plan pages, VPS servers, business email, domain transfer and a DNS guide. A Hello Elementor child theme with bundled fonts, one-page mode and a mobile menu.

Editions

EditionPriceWhat you get
Free$0The child theme with its design, fonts, header and footer, the About and Contact pages, blog and 404 templates, one-page mode and the mobile menu. Credit link stays.
Pro Standard$29 a yearEvery page, sample posts and one-click demo import, credit removal. Downloads, updates and ticket support for 1 year, 1 website.
Pro Unlimited$49 onceEverything in Pro Standard plus the AI kit. Unlimited websites, lifetime updates and ticket support.

Pages in Free (Appearance → Starter setup): About, Contact, Guides. Pages in Pro (Appearance → Demo import): Home, Hosting, Web hosting, Starter plan, Business plan, Agency plan, VPS servers, Business email, Domains, Domain transfer, DNS guide, About, Data centre, Support, Contact, Guides.

Quick setup

  1. Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT Hosting (Install and update).
  2. Optional: activate WPForms Lite for the hosting and domain enquiry form.
  3. Pro: Appearance → Demo import → Import (Demo import). Free: Appearance → Starter setup.
  4. Replace the demo content and pictures (below), set your logo and the header button.

Pages in the demo

PageUnderEdition
Home–Pro
Hosting–Pro
Web hostingHostingPro
Starter planWeb hostingPro
Business planWeb hostingPro
Agency planWeb hostingPro
VPS serversHostingPro
Business emailHostingPro
Domains–Pro
Domain transferDomainsPro
DNS guideDomainsPro
About–Free
Data centreAboutPro
SupportAboutPro
Contact–Free
Guides (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 /#records).

Section (Navigator name)CSS ID
Your domain#records
Hosting plans#plans
Domains#domains
Free site move#move
Included in every plan#included
Data centre#datacentre
Support#support
Questions#faq
Guides#guides
Call to action#ask
  • The hero explains DNS: The home page opens with a sample domain's records (A, CNAME, MX, TXT), each with one plain sentence on what it does and the product that provides it.
  • Plans in one table: Hosting plans are rows you can compare at a glance: websites, storage, mailboxes and the price, with a page for each plan.
  • Domain prices with renewals: An extension price list with first-year, renewal and transfer prices, plus a transfer page and a DNS guide.
  • Site moves, data centre and support: A four-step site move, the facts about where sites are hosted, and a support band with hours and channels.
  • Free Elementor and a ready enquiry form: Every page is built with free Elementor widgets on Hello Elementor, with a hosting enquiry form made with the free WPForms Lite plugin. Fonts are bundled: no Google Fonts requests.

The demo import creates this main menu (Appearance → Menus):

  • Home
  • Hosting → Web hosting (Starter plan, Business plan, Agency plan), VPS servers, Business email
  • Domains → Domain transfer, DNS guide
  • About → Data centre, Support
  • Guides
  • Contact

Header button: Choose a plan (link #plans), changed in Appearance → Customize → LT Hosting options.

One-page mode (Pro)

With Pro Standard or Pro Unlimited, tick One-page mode on the home page in Appearance → Customize → LT Hosting options and the menu scrolls to these sections: Your domain, Hosting plans, Domains, Free site move, Included in every plan, Data centre, Support, Questions, Guides, Call to action. To change the labels or leave sections out, see One-page mode.

Used the old LT Hosting 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 ColorsValue
Erika violet (record types, buttons, links)#6A2C70
Port grey (soft text)#57525F
Rack ink (text)#1E1A24
Single-mode yellow (status marks on dark only)#F2C230
Faceplate (page)#F3F3F0
Cable tray (tinted sections)#E6E3EA
Hairlines#CFCAD6
Patch room (dark bands)#2C1631
Text on dark#F3F3F0
Soft text on dark#C9BCCD
Button hover#4A1C4F
Name in Global FontsFont
Display (headings, record types)Host Grotesk
Interface (menu, labels)Host Grotesk
Body textHost Grotesk
ButtonsHost Grotesk

Form

With WPForms Lite active, the demo import creates the form Hosting and domain enquiry on the Contact page. Fields: Your name (required), Email (required), Your domain, or the one you want, What do you need? (required), Do you own the domain already?, How many websites?, Add-ons I am interested in, Anything else. Email subject: “Hosting enquiry from the website”. After sending, visitors see: “Thank you. Someone from our team will reply by email within one working day with a plan and a price.”

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 prices
  • example.com
  • (555)
  • Larkspur Hosting
  • millstreetbakery.com
  • 203.0.113
  • Springfield
  • Do not use record types (A, MX, CNAME, TXT) as decoration or section labels; each row must be a real record.
  • Keep single-mode yellow for status marks on dark bands; never for text on light backgrounds.
  • Do not add uptime or speed guarantees the owner cannot back with a contract.

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.

PictureUpload size
Aisle between rows of server cabinets in a data centre1600 × 1200 px
Fibre patch cables plugged into a panel in a server rack1600 × 1200 px
Shop owner standing behind the counter of a small refill store1600 × 1200 px
Person writing notes next to a laptop on a white desk1600 × 1200 px
Support team member with a headset working at a desk1600 × 1200 px
Three support staff with headsets answering customers at their laptops1600 × 1200 px
Hands typing on a laptop on a wooden table1600 × 1000 px
Network cables plugged into a patch panel1600 × 1000 px
Person working on a laptop with a phone on the table1600 × 1000 px
Laptop, notebook and glasses on a white table1600 × 1000 px

AI kit (Pro Unlimited)

The AI kit’s AGENTS.md tells an assistant how LT Hosting is built. The CSS classes it relies on (keep them when you edit):

CSS classWhat it is
lt-herohome hero band (headline + the zone table)
lt-zonea DNS zone table (with lt-rows); first child lt-zone__domain, then lt-record rows (is-head for the column names)
lt-recordone DNS record row: lt-rtype (record type), lt-rec__name, lt-rec__value, lt-rec__ttl, lt-rec__what
lt-rtyperecord type code in big heavy letters (A, MX, CNAME, TXT); only for real records
lt-planone hosting plan row in the plan table (lt-plans); specs in lt-specs of lt-spec
lt-extone domain extension price row in lt-exts (is-head for the column names)
lt-stepsnumbered steps of a real sequence; each lt-step with lt-step__n
lt-factslabel/value rows with lt-rows (each lt-price)
lt-pipyellow status pip (a span in a text, dark bands only)
lt-pageheadinner page heading band
lt-deskcontact desk block
lt-sideframed side panel next to a table

See AI kit for the prompts, the safe edit tool and the launch checker.

Questions about LT Hosting

Do I need Elementor Pro?

No. LT Hosting 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 include a domain search or a billing system?

No. The theme presents your plans and prices and sends enquiries through the contact form. Link the buttons to your own billing or domain search software if you use one.

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.

Does it work as a one-page site?

Yes. Turn on one-page mode in the Customizer and the menu scrolls to the home page sections; every edition includes it.

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, the Hosting and Domains 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 Hosting. 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 Hosting also exists as a Joomla template: see the LT Hosting Joomla docs.

Ask AI about LT Hosting

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