LT ProTrans is a freight transport and logistics theme for Elementor (free): a load-plan hero that draws the next trailer to scale in loading metres, three ways to ship (pallet, part load, full trailer), scheduled runs with cut-off times, how a shipment runs, rates per loading metre, warehousing, depot details and 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 Company and Get a quote pages, 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): Company, Get a quote, Guides. Pages in Pro (Appearance → Demo import): Home, Company, Fleet, Drivers and safety, Services, Pallet freight, Part loads, Full loads, Warehousing, Routes, Riverton run, Lakeport run, Hillcrest run, Get a quote, Depot and hours, Guides.
Quick setup
- Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT ProTrans (Install and update).
- Optional: activate WPForms Lite for the freight 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 |
| Company | – | Free |
| Fleet | Company | Pro |
| Drivers and safety | Company | Pro |
| Services | – | Pro |
| Pallet freight | Services | Pro |
| Part loads | Services | Pro |
| Full loads | Services | Pro |
| Warehousing | Services | Pro |
| Routes | Services | Pro |
| Riverton run | Routes | Pro |
| Lakeport run | Routes | Pro |
| Hillcrest run | Routes | Pro |
| Get a quote | – | Free |
| Depot and hours | Get a quote | Pro |
| 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 /#plan).
| Section (Navigator name) | CSS ID |
|---|---|
| Load plan | #plan |
| Ways to ship | #ways |
| Scheduled runs | #routes |
| How it works | #how |
| What we carry | #carry |
| Rates | #rates |
| Warehousing | #warehouse |
| Guides | #guides |
| Depot | #depot |
| Questions | #questions |
- The next trailer, as a load plan: The home page opens with a 13.6 m trailer drawn to scale from above: each consignment by its pallets and loading metres, the free space marked.
- Three ways to ship: Single pallets, part loads and full trailers, each with a bar showing how much of the deck it takes and a from-price.
- Scheduled runs and cut-offs: Route rows with days, order cut-off and space on the next run, and a page per route with its own load plan.
- Rates, warehousing and depot: Rates per loading metre and extras, pallet storage and cross-dock, depot hours and a street map.
- Free Elementor and a ready quote form: Every page is built with free Elementor widgets on Hello Elementor, with a freight 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
- Company → Fleet, Drivers and safety
- Services → Pallet freight, Part loads, Full loads, Warehousing, Routes (Riverton run, Lakeport run, Hillcrest run)
- Guides
- Contact → Depot and hours
Header button: Get a quote (link /quote/#form), changed in Appearance → Customize → LT ProTrans options.
One-page mode (Pro)
With Pro Standard or Pro Unlimited, tick One-page mode on the home page in Appearance → Customize → LT ProTrans options and the menu scrolls to these sections: Load plan, Ways to ship, Scheduled runs, How it works, What we carry, Rates, Warehousing, Guides, Depot, Questions. To change the labels or leave sections out, see One-page mode.
Used the old LT ProTrans 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 |
|---|---|
| Highway green (buttons, links, consignments) | #006747 |
| Kerb grey (soft text) | #4B575B |
| Asphalt ink (text) | #172024 |
| Line yellow (free space marks on asphalt only) | #F2C230 |
| Dock white (page) | #F4F5F2 |
| Concrete (tinted sections) | #E1E6E2 |
| Hairlines | #C3CBC7 |
| Asphalt (dark bands) | #243035 |
| Text on asphalt | #F4F5F2 |
| Soft text on asphalt | #B3BFC2 |
| Button hover | #004D35 |
| Name in Global Fonts | Font |
|---|---|
| Display (headings, pallet counts, prices) | Zalando Sans Expanded |
| Interface (menu, labels) | Zalando Sans |
| Body text | Zalando Sans |
| Buttons | Zalando Sans |
Form
With WPForms Lite active, the demo import creates the form Freight quote request on the Get a quote page. Fields: Your name (required), Email (required), Collect from and deliver to (required), What are you sending? (required), Number of pallets, Tail-lift needed?, Goods, weights and dates. Email subject: “Freight quote request from the website”. After sending, visitors see: “Thank you. A planner will email your price, usually within two working hours (sample).”
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)Kestrel Road FreightSpringfieldKRF-
- Keep deck blocks proportional: a block's rows class must match its pallet count (three pallets per row, 11 rows = 13.6 m).
- Keep line yellow for free space and the next-run dot on asphalt bands only; never use it for text on light backgrounds.
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 forklift lifting wrapped pallets onto a flatbed truck in a yard | 1600 × 1200 px |
| White freight trailers backed onto the doors of a loading dock | 1600 × 1200 px |
| A forklift moving goods along a warehouse aisle between stacked loads | 1600 × 1200 px |
| Stacks of wooden pallets with barcode labels in a warehouse | 1600 × 1200 px |
| A driver tightening the chains on a truck's load at night | 1600 × 1200 px |
| A road train driving towards the camera on an open highway at sunrise | 1600 × 1200 px |
| A worker in a high-visibility jacket at the rear doors of a trailer | 1600 × 1200 px |
| A yellow tape measure stretched out on a black surface | 1600 × 1000 px |
| A forklift carrying a pallet of wrapped goods through a warehouse | 1600 × 1000 px |
| A courier wheeling boxes on a hand truck from a van to a warehouse door | 1600 × 1000 px |
| A truck with its lights on driving along a mountain road at dusk | 1600 × 1000 px |
AI kit (Pro Unlimited)
The AI kit’s AGENTS.md tells an assistant how LT ProTrans is built. The CSS classes it relies on (keep them when you edit):
| CSS class | What it is |
|---|---|
lt-hero | home hero band (load plan heading, title, the trailer drawn to scale) |
lt-loadplan | the load plan block: lt-truck (cab + deck grid) and lt-ruler (loading-metre ruler) |
lt-deck | trailer deck row; children are lt-seg blocks |
lt-seg | one consignment or free space on the deck; lt-seg–r1 to lt-seg–r11 = rows of three pallets (1.2 m each), lt-seg–a|b = consignment shades, lt-seg–free = free space, lt-seg–one = a single pallet |
lt-seg__count | pallet count inside a deck block (Heading widget) |
lt-legend | the consignment list under a load plan; each item lt-legend__item with lt-legend__item–a|b|free |
lt-way | one row of 'three ways to ship' (name, deck bar, from-price) |
lt-bar | slim deck bar showing a share of the 13.6 m deck (uses lt-seg children) |
lt-route | one scheduled run row (route, days, cut-off, transit, space) |
lt-steps | how a shipment runs (ordered steps); each lt-step |
lt-price | price row (label + amount) |
lt-pagehead | inner page heading band |
lt-desk | contact desk block |
lt-facts | fleet and depot fact rows |
See AI kit for the prompts, the safe edit tool and the launch checker.
Questions about LT ProTrans
Do I need Elementor Pro?
No. LT ProTrans 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 change the load plan?
Yes. Each block on the deck is an Elementor container with a class for its length in rows of three pallets; edit the counts and the list under it, or ask an AI assistant to do it with the AI kit's safe edit tool.
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 Company and Get a quote pages and the blog. Pro adds the home page, the services and route pages, sample posts, one-click demo import, credit removal, updates and support. Pro Unlimited adds the AI kit.
I have the old LT ProTrans. 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 ProTrans also exists as a Joomla template: see the LT ProTrans Joomla docs.
Ask AI about LT ProTrans
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