LT Jobboard

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

LT Jobboard is a local job board theme for Elementor (free): a home page that opens on this week's job ads pinned to a felt board, each with pay, hours, closing date and a fringe of tear-off tabs that shows how many openings are left, jobs by sector, part-time work and apprenticeships, prices and ad-writing help for employers, a library job desk, a form for asking about a job or posting one, and job advice posts. A Hello Elementor child theme with bundled fonts, one-page mode and a mobile menu.

Editions

EditionPriceWhat you get
Free$0Theme + 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 yearFull 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 onceEverything 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), Job advice. Pro: full multi-page website like the demo (Appearance → Demo import): Home, Jobs, Jobs by sector, Retail and hospitality, Health and care, Trades and building, Part-time and weekend, Apprenticeships, Employers, Prices for employers, Writing a job ad, About, The job desk, Contact, Job advice. Help: Free, the AI assistant and the contact form; Pro, ticket support.

Quick setup

  1. Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT Jobboard (Install and update).
  2. Pro, optional: activate WPForms Lite for the ask about a job or post one form.
  3. Pro: Appearance → Demo import → Import (Demo import). Free: Appearance → One-page import (the one-page website).
  4. Replace the demo content and pictures (below), set your logo and the header button.

Pages in the demo

PageUnderEdition
Home–Free (as the one-page website) and Pro
Jobs–Pro
Jobs by sectorJobsPro
Retail and hospitalityJobs by sectorPro
Health and careJobs by sectorPro
Trades and buildingJobs by sectorPro
Part-time and weekendJobsPro
ApprenticeshipsJobsPro
Employers–Pro
Prices for employersEmployersPro
Writing a job adEmployersPro
About–Pro
The job deskAboutPro
Contact–Pro
Job advice (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 /#board).

Section (Navigator name)CSS ID
On the board this week#board
How to ask about a job#apply
New this week#jobs
Jobs by sector#sectors
Post a job#post
House rules#rules
Job advice#advice
The job desk#desk
Call to action#post-now
  • The board this week: The home page opens on job ads pinned to a felt board, each with pay, hours, closing date and a fringe of tear-off tabs that shows how many openings are left.
  • Jobs, sectors and part-time work: The full board, sector pages with typical pay, part-time and weekend jobs and apprenticeships, each ad with an "Ask about this job" link.
  • Pages for employers: Posting prices drawn as tabs per opening, house rules for every ad, a part-by-part guide to writing a job ad and answers to employers' questions.
  • A job desk and job advice: Opening times and help at a drop-in job desk, and advice posts on reading pay, short CVs and calling about a job.
  • Free Elementor and a ready form: Every page uses free Elementor widgets on Hello Elementor, with one form for asking about a job or posting one, made with the free WPForms Lite plugin. Fonts are bundled: no Google Fonts requests.

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

  • Home
  • Jobs → Jobs by sector (Retail and hospitality, Health and care, Trades and building), Part-time and weekend, Apprenticeships
  • Employers → Prices for employers, Writing a job ad
  • About → The job desk
  • Advice
  • Contact

Header button: Post a job (link /contact/#ask), changed in Appearance → Customize → LT Jobboard options.

One-page mode

In every edition the menu can scroll to these sections: On the board this week, How to ask about a job, New this week, Jobs by sector, Post a job, House rules, Job advice, The job desk, Call to action. 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 Jobboard options. To change the labels or leave sections out, see One-page mode.

Used the old LT Jobboard 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 ColorsValue
Petrol (buttons, links, tab ink)#0D5157
Slate (soft text)#4B5E61
Ink (text)#102226
Signal coral (last-opening tab only)#EE6A44
Board paper (page)#F1F4F3
Mist (tinted sections)#DCE8E7
Hairlines#BCD0CF
Felt (dark bands, the noticeboard)#17464A
Text on felt#F1F4F3
Soft text on felt#A9C9C8
Button hover#093A3F
Notice paper (the ads)#FBFCFB
Name in Global FontsFont
Display (headings, ad titles, pay)Epunda Slab
Interface (menu, tabs, labels)Epunda Sans
Body textEpunda Sans
ButtonsEpunda Sans

Form

Pro: with WPForms Lite active, the demo import creates the form Ask about a job or post one on the Contact page. Fields: Your name (required), Email (required), Phone (optional), I want to (required), Job reference, Sector, Your message. Email subject: “Job question or new ad from the website”. After sending, visitors see: “Thank you. Job seekers: we pass your message to the employer and you hear back within three working days. Employers: we check your ad and put it up 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)
  • Fourways Jobs
  • Springfield
  • JB-20
  • Keep one tab per opening on every ad; only one tab can be `is-last`, and only when exactly one opening is left.
  • Use the coral colour only for the last-opening tab or marks on the felt, never as text or a line on light backgrounds.
  • Do not present sample employers, jobs or pay as real, and do not add an apply button that pretends to send an application: asking goes to the 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 baker's hands shaping rolls of dough on a tray1600 × 1200 px
A carer steadying an older woman by the arm as she stands up at home1600 × 1200 px
A joiner cutting a plank with a hand saw on a workbench, seen from above1600 × 1200 px
Hands stripping coloured wires at a practice bench with pliers1600 × 1200 px
A barista making coffee behind a cafe counter1600 × 1200 px
An interviewer with a clipboard taking notes while a job seeker answers1600 × 1200 px
A helper and a job seeker working through an application on a laptop in a library1600 × 1200 px
A volunteer showing an older man something on a laptop screen1600 × 1200 px
Hands taking notes in a notebook beside an open book on a wooden desk1600 × 1000 px
Two people going through printed documents at a table1600 × 1000 px
A hand writing sums in a notebook on a wooden desk1600 × 1000 px

Demo photos

The live demo of LT Jobboard 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):

AI kit (Pro Unlimited)

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

CSS classWhat it is
lt-herohome hero band on the felt (headline + the board)
lt-boarda noticeboard of ads; the ads sit in lt-board__ads, the key below in lt-board__key
lt-noticeone paper job ad: title, employer, place and hours, pay line, closing date, then the tab fringe
lt-fringethe tear-off tabs along the bottom of an ad: one lt-tab per opening
lt-tabone tab with the ad's reference; add is-torn (filled, dashed) or is-last (the last opening left, coral)
lt-adone job row (title and employer, place and hours, pay, small fringe and the ask link)
lt-stepsthe four steps for asking about a job (lt-step), a real sequence
lt-sectorone sector row (name, typical jobs, ads on the board, link)
lt-packageone employer price: openings drawn as a fringe, price, what is included
lt-rule-rowone house rule (title + text) in an lt-rows list
lt-pricefact or price row (label + amount)
lt-panelside panel with a petrol top rule
lt-anatomyan ad with notes on each part (Writing a job ad page)
lt-pageheadinner page heading band
lt-deskcontact desk block
lt-personteam member (name + role)

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

Questions about LT Jobboard

Do I need Elementor Pro?

No. LT Jobboard 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).

Does it include job board software?

No. The ads are normal Elementor sections that you edit, and every "Ask about this job" link goes to the contact form or your phone number. If you need employer accounts, online payments or CV uploads, add a job board plugin alongside the theme.

How do I show that an opening is filled?

Each tab is a text block with a class: give a tab the class is-torn and change its text to Filled. When one opening is left, give that tab is-last and it turns coral. The AI kit's safe edit tool can do this for you.

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: 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 15 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 Jobboard also exists as a Joomla template: see the LT Jobboard Joomla docs.

Ask AI about LT Jobboard

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