LT Personal

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 Personal
  13. Also for Joomla

LT Personal is a personal website and blog theme for Elementor (free): a home page that opens with the index of everything you have written, the latest journal entries, a now page, series of entries, a reading log, a monthly letter, a work-with-me page for editing, workshops and talks, and a contact page with a ready "Write to me" 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 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, Journal. Pages in Pro (Appearance → Demo import): Home, About, Now, What I use, Writing, Series, Sunday soup, The coast path in stages, Rye diary, Reading log, Work with me, Copy editing, Notebook workshops, Contact, Journal.

Quick setup

  1. Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT Personal (Install and update).
  2. Optional: activate WPForms Lite for the write to me 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
About–Free
NowAboutPro
What I useAboutPro
Writing–Pro
SeriesWritingPro
Sunday soupSeriesPro
The coast path in stagesSeriesPro
Rye diarySeriesPro
Reading logWritingPro
Work with me–Pro
Copy editingWork with mePro
Notebook workshopsWork with mePro
Contact–Free
Journal (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 /#index).

Section (Navigator name)CSS ID
Index#index
Latest entries#latest
Now#now
About#about
Series#series
On the shelf#shelf
Sunday letter#letter
Work with me#work
Write to me#hello
  • Your writing, indexed: The home page opens with an index of everything you have written: topics A to Z with entry numbers, bold for the main entry and a highlighter on where to start.
  • A blog that reads like a journal: Latest entries on the home page, a styled journal archive and single entry template, and series pages that list each run of entries.
  • Now page and reading log: Say what you are doing this month and what you are reading, with tidy rows that are quick to update.
  • Work with me: Copy editing, workshops and talks with example prices, a five-step process and questions, for writers who also take on work.
  • Free Elementor and a ready contact form: Every page is built with free Elementor widgets on Hello Elementor, with a 'Write to me' 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
  • About → Now, What I use
  • Writing → Series (Sunday soup, The coast path in stages, Rye diary), Reading log
  • Journal
  • Work with me → Copy editing, Notebook workshops
  • Contact

Header button: Get the Sunday letter (link #letter), changed in Appearance → Customize → LT Personal options.

One-page mode (Pro)

With Pro Standard or Pro Unlimited, tick One-page mode on the home page in Appearance → Customize → LT Personal options and the menu scrolls to these sections: Index, Latest entries, Now, About, Series, On the shelf, Sunday letter, Work with me, Write to me. To change the labels or leave sections out, see One-page mode.

Used the old LT Personal 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
Copying-pencil violet (links, buttons, locators)#4B2C7F
Pencil grey (soft text)#575169
Ink (text)#1F1A2E
Highlighter (wash behind ink, marks on cloth)#E3EA6B
Index paper (page)#F4F3F8
Flyleaf (tinted sections)#E9E6F1
Hairlines#CFCADB
Cloth cover (dark bands)#2A1D47
Text on cloth#F4F3F8
Soft text on cloth#C3BAD9
Button hover#36205E
Name in Global FontsFont
Display (headings, letter heads)Gentium Book Plus
Interface (menu, labels)Gentium Book Plus
Body textGentium Book Plus
ButtonsGentium Book Plus

Form

With WPForms Lite active, the demo import creates the form Write to me on the Contact page. Fields: Your name (required), Email (required), What is it about? (required), Entry number or title (optional), Your letter (required), The Sunday letter. Email subject: “A letter from the website”. After sending, visitors see: “Thank you. Your letter has arrived; I answer most letters within a week.”

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)
  • Tessa Lund
  • Harbour Row
  • Gull Point
  • Springfield
  • Locators are entry numbers in writing order: never use them as section numbers or decoration.
  • Keep the index conventions: bold = main entry, italic = with photographs, highlighter = start here (three at most).
  • Highlighter is a wash behind ink text or a mark on the cloth band; never set text in it.

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 woman seen from behind walking a coastal path above a blue bay1600 × 1067 px
Hands writing in a notebook beside a cup of tea and a teapot1600 × 1067 px
A grassy footpath leading to the sea under a pale sky1600 × 1067 px
An enamel pot of soup simmering on a gas ring1600 × 1067 px
Slices of dark seeded rye bread on a linen cloth1600 × 1200 px
A stack of old hardback books on a shelf by a sunlit window1600 × 1022 px
People writing in notebooks around a long table1600 × 1071 px
A person marking up printed pages with a pencil at a wooden desk1600 × 1067 px
Gloved hands planting a seedling in dark garden soil1600 × 1067 px
Hands sewing grey fabric with a needle and thread1600 × 1067 px
The view of fields at sunset through an old train window1600 × 1067 px

AI kit (Pro Unlimited)

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

CSS classWhat it is
lt-herohome hero band (headline, intro and the index)
lt-indexthe index: a container whose Text Editor widgets are letter groups, set in columns
lt-index--twoindex in two columns (About page)
lt-ixlist of index entries inside a letter group (<ul class="lt-ix">); headword in <span class="lt-ix__word">
lt-ix__letterletter head of a group (<h3 class="lt-ix__letter">B</h3>)
lt-hlhighlighter wash on a locator: one of the three entries to start with (<span class="lt-hl">33</span>)
lt-keythe key under the index (what bold, italic, runs and highlights mean)
lt-nownow-page rows (label + what is happening)
lt-series-rowone series: name, what it is, its entry run and years
lt-bookone book in the reading log
lt-runone entry in a series run (entry number, title, date)
lt-stepsreal sequence of steps (a job, a workshop day); each lt-step
lt-priceprice row (label + amount)
lt-pageheadinner page heading band
lt-ctaclosing call to action band (with lt-dark)

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

Questions about LT Personal

Do I need Elementor Pro?

No. LT Personal 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.

How do I keep the index up to date?

Each letter of the index is one Text Editor widget: add a line when you publish an entry. Bold, italic and the highlighter are simple formatting, explained in the AI kit's AGENTS.md.

Can I use it without a blog?

Yes. Remove the latest entries section and the Journal menu item; the About, Now and Work pages work on their own.

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, the Writing and Work pages with their sub-pages, sample entries, one-click demo import, credit removal, updates and support. Pro Unlimited adds the AI kit.

I have the old LT Personal. 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 Personal also exists as a Joomla template: see the LT Personal Joomla docs.

Ask AI about LT Personal

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