LT Sportswear

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. Selling online
  12. AI kit (Pro Unlimited)
  13. Questions about LT Sportswear
  14. Also for Joomla

LT Sportswear is a sportswear shop theme for Elementor (free): a hero chart that shows running kit as bars on one temperature scale, with today's temperature drawn across it, catalogue pages for running (road, trail and winter), gym and training and hiking and outdoor with example prices and an 'Ask about this' link on every item, a dress-for-the-weather guide, running shoe fittings, team kits with names and numbers printing and club shops, opening hours and a kit question and fitting request form. 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 Visit pages (with the kit question and fitting request form slot), 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 the shop, Visit, Kit notes. Pages in Pro (Appearance → Demo import): Home, Collections, Running, Road running, Trail running, Winter running, Gym and training, Hiking and outdoor, Team kits, Names and numbers, Club shops, About the shop, Visit, Kit notes.

Quick setup

  1. Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT Sportswear (Install and update).
  2. Optional: activate WPForms Lite for the kit question or fitting request 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
Collections–Pro
RunningCollectionsPro
Road runningRunningPro
Trail runningRunningPro
Winter runningRunningPro
Gym and trainingCollectionsPro
Hiking and outdoorCollectionsPro
Team kits–Pro
Names and numbersTeam kitsPro
Club shopsTeam kitsPro
About the shop–Free
Visit–Free
Kit 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 /#weather).

Section (Navigator name)CSS ID
What to wear today#weather
Collections#collections
New this month#new
Shoe fitting#fitting
Dress for the weather#dress
Team kits#teams
Kit notes#notes
Visit#visit
  • The temperature chart: The home page opens with running kit as bars on one −10 to 30 °C scale: outlined = next to skin, hatched = mid layer, filled = outer layer, with today's temperature drawn across so the bars it crosses are what to wear.
  • A catalogue without a checkout: Running, gym and training, hiking and outdoor and team kits as label rows with fabric, sizes, the temperature range, example prices and an 'Ask about this' link to the request form.
  • Winter and walking charts: The same chart at −2 °C for winter running and at 12 °C for a day on the hills, so customers read their kit the way the shop counter talks.
  • Shoe fittings and team kits: How a running shoe fitting goes in four steps, a dress-for-the-weather guide, team kit orders with printing prices for names and numbers, and club shops.
  • Free Elementor and a ready request form: Built with free Elementor widgets on Hello Elementor, with a 'Kit question or fitting request' 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
  • Collections → Running (Road running, Trail running, Winter running), Gym and training, Hiking and outdoor
  • Team kits → Names and numbers, Club shops
  • About
  • Kit notes
  • Visit

Header button: Book a shoe fitting (link /visit/#request), changed in Appearance → Customize → LT Sportswear options.

One-page mode (Pro)

With Pro Standard or Pro Unlimited, tick One-page mode on the home page in Appearance → Customize → LT Sportswear options and the menu scrolls to these sections: What to wear today, Collections, New this month, Shoe fitting, Dress for the weather, Team kits, Kit notes, Visit. To change the labels or leave sections out, see One-page mode.

Used the old LT Sportswear 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
Tartan red (buttons, links, the today line)#A3361C
Kerb grey (fabric details, notes, soft text)#4B5563
Night ink (text, bar outlines)#161B24
Frost blue (the 0 °C line and freezing labels only)#2B62A8
Mesh white (page)#F1F3F2
Concrete (tinted sections, chart track)#DCE3E6
Hairlines and scale lines#C2CBD1
Night navy (team kits band, footer)#1B2638
Text on night navy#F1F3F2
Soft text on night navy#AEB9C9
Button hover#7E2813
Name in Global FontsFont
Headings and degrees (Exo 2 800 italic)Exo 2
Menus, labels and prices (Exo 2 600)Exo 2
Reading text and fabric details (Exo 2 400)Exo 2
Buttons (Exo 2 600)Exo 2

Form

With WPForms Lite active, the demo import creates the form Kit question or fitting request on the Visit page. Fields: Your name (required), Email (required), Phone (optional), What can we help with? (required), Item and size, What do you mostly do?, Players in the team (team kits only), Anything else we should know. Email subject: “Kit question or fitting request from the website”. After sending, visitors see: “Thank you. Someone from the shop replies by email or phone within one working day.”

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)
  • Quarry Road Sports
  • Quarry Road
  • Springfield
  • Keep the chart honest: a bar's lt-f-/lt-t- classes, its range text and the product row must say the same temperatures; the today line (lt-now-<n>) and the is-today rows must agree.
  • Frost blue marks 0 °C and below-freezing labels only; tartan red is action and today. Never use either for sale banners.
  • Do not add brand names, logos, star ratings or reviews presented as real; there is no online checkout, so buttons go to the request form or the phone.

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
A runner in a blue top and black tights on a long straight road between tall pines, seen from behind1600 × 1100 px
A trail runner in an orange jacket, running vest and tights on a stony path, with wooded mountains behind1600 × 1100 px
A runner in a hat and tights silhouetted on a waterfront road in winter, snow on the boats behind1600 × 1100 px
A woman in a grey sports top lifting two dumbbells in a bright gym1600 × 1100 px
Six walkers in silhouette on a hilltop path between dark bushes under a pale, misty sky1600 × 1100 px
A runner in a navy jacket and black tights crouching on a red running track to tie a black running shoe1600 × 1100 px
Hands pulling a frame across a silk screen on a printing table, with red cloth beside it1600 × 1100 px
A white line painted on a freshly cut grass pitch, close up1600 × 1100 px
A runner in a blue top running away down a road lined with pines in the morning light1600 × 1000 px
Three walkers in hooded winter jackets and a backpack on a mountain road, snow on the verges1600 × 1000 px
A woman in a pink training top choosing a dumbbell from a long rack in a gym1600 × 1000 px

Selling online

LT Sportswear 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 Sportswear is built. The CSS classes it relies on (keep them when you edit):

CSS classWhat it is
lt-herohome hero (headline, lead and the temperature chart)
lt-chartthe temperature chart: one shared scale from −10 to 30 °C; add lt-now-<n> (e.g. lt-now-7, lt-now-n2 for −2) for today's line
lt-scalethe degree scale above a chart (ticks every 5 °C and the today label lt-scale__now)
lt-bandone garment row of a chart: name and range text, then the track; is-today when today's temperature is inside its range (bold)
lt-trackthe track of one row: the bar plus the today marker lt-now; gridlines every 5 °C, the 0 °C line in frost blue
lt-barone garment's range: lt-f-<from> and lt-t-<to> in °C (n = minus: lt-f-n5 = −5); lt-bar–base outlined (next to skin), lt-bar–mid hatched, lt-bar–outer filled
lt-keythe key under a chart (layers, today line, freezing line)
lt-itemone product on a label row: name, fabric, sizes, temperature range, price, Ask about this
lt-colscollections grid (photo, name, one line)
lt-stepsnumbered steps (a real sequence: a shoe fitting, a team kit order); each lt-step
lt-pageheadinner page heading band
lt-deskcontact desk block
lt-pricelabel + value row (printing prices, hours, weather bands)
lt-frostfrost-blue text for a below-freezing label (inside a text line); means below 0 °C only

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

Questions about LT Sportswear

Do I need Elementor Pro?

No. LT Sportswear 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 or checkout?

No. LT Sportswear is a catalogue: items with sizes, temperatures, prices and an 'Ask about this' link to a request form or your phone number. If you sell online, link the buttons to your shop.

How do I change a bar on the temperature chart?

Each bar is a Divider widget with classes such as lt-f-n5 lt-t-14 (from −5 to 14 °C) and lt-bar–mid (the layer). Change the classes and the range text beside it together; set today's line with lt-now-7 on the chart. The AI kit's AGENTS.md lists every class.

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 collection and team kit 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 Sportswear. 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 Sportswear also exists as a Joomla template: see the LT Sportswear Joomla docs.

Ask AI about LT Sportswear

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