LT Foto

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

LT Foto is a landing-site theme for a photo editing app, built for Elementor (free): a home page that opens with one photo before and after its edit and the tone curve that made the difference, then the tools on a five-step tone wedge (which tones each tool changes), looks drawn as their own curves, masks, the four steps of an edit, plans with prices, how photos and files are kept, questions, tutorials and a download band. Pages for the tools (light and colour, masks, and looks with a three-level branch for film, portrait and night looks), plans with a schools and teams page, about with privacy, and a support page with a support 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 Support pages (with the support request form), 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, Support, Tutorials. Pages in Pro (Appearance → Demo import): Home, Tools, Light and colour, Masks, Looks, Film looks, Portrait looks, Night looks, Plans, Schools and teams, About, Privacy and your photos, Support, Tutorials.

Quick setup

  1. Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT Foto (Install and update).
  2. Optional: activate WPForms Lite for the support 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
Tools–Pro
Light and colourToolsPro
MasksToolsPro
LooksToolsPro
Film looksLooksPro
Portrait looksLooksPro
Night looksLooksPro
Plans–Pro
Schools and teamsPlansPro
About–Free
Privacy and your photosAboutPro
Support–Free
Tutorials (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 /#edit).

Section (Navigator name)CSS ID
The edit#edit
Tools#tools
Looks#looks
Masks#masks
Four steps#steps
Plans#plans
Files and privacy#files
Questions#questions
Tutorials#tutorials
Call to action#get
  • The edit as the hero: The home page opens with a photo as shot, the tone curve applied to it and the photo after, so visitors see what the app does in one look.
  • Tools on a tone wedge: Each tool row has a five-step strip from black to white with a bar under the tones it changes, plus the plan it comes in.
  • Looks drawn as curves: Every look is shown as its own small curve drawing, with a three-level branch for film, portrait and night looks.
  • Plans, files and privacy: Plan rows with what each plan adds and its price, what every plan includes, billing questions, and how photos and files are kept.
  • Free Elementor and a ready support form: Every page is built with free Elementor widgets on Hello Elementor, with a 'Support 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
  • Tools → Light and colour, Masks, Looks (Film looks, Portrait looks, Night looks)
  • Plans → Schools and teams
  • About → Privacy and your photos
  • Tutorials
  • Support

Header button: Get the app (link /support/#download), changed in Appearance → Customize → LT Foto options.

One-page mode (Pro)

With Pro Standard or Pro Unlimited, tick One-page mode on the home page in Appearance → Customize → LT Foto options and the menu scrolls to these sections: The edit, Tools, Looks, Masks, Four steps, Plans, Files and privacy, Questions, Tutorials, Call to action. To change the labels or leave sections out, see One-page mode.

Used the old LT Foto 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
Blue channel (the curve, buttons, links, tool bars)#1F4BC2
Grey 40 (soft text)#4D4E52
Shadow ink (text)#1F2022
Clip red (clipping marks only)#E8362F
Neutral 90 (page)#E6E6E3
Print white (tinted sections)#F6F6F4
Hairlines and histogram#C6C6C2
Editor dark (dark bands)#29292C
Text on dark#EDEDEB
Soft text on dark#ABACB0
Button hover#173A99
Name in Global FontsFont
Display (headings, expanded)Saira
Interface (menu, labels, values)Saira
Body textSaira
ButtonsSaira

Form

With WPForms Lite active, the demo import creates the form Support request on the Support page. Fields: Your name (required), Email (required), Device (required), App version, Your plan, What it is about, What happened (required). Email subject: “Support request from the website”. After sending, visitors see: “Thank you. Your request is with the support team; you will get a reply by email, usually 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)
  • Fixer Labs
  • Lantern Yard
  • Springfield
  • Keep the wedge at five steps, darkest on the left, and put `is-on` only under the tones a tool really changes; update the words beside it with it.
  • Use clip red only for clipped tones (in the curve drawing and the clip point); never for text, buttons or decoration.
  • Do not swap a look's curve drawing for a different look's: each drawing is that look's curve.

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 on a beach at sunset, backlit, as the camera recorded it: flat and grey1600 × 2400 px
The same beach photo after the edit: warm sky, lifted faces and deep shadows in the sand1600 × 2400 px
A woman in a blue jacket photographed from below against a pale blue sky1600 × 1067 px
Hands holding a phone with a stylus, moving the light sliders on a misty hillside photo1600 × 1067 px
A photographer retouching a portrait on a laptop with a pen tablet and prints on the desk1600 × 1067 px
City lights at night seen through a window covered in raindrops1600 × 1067 px
A woman looking out of a window in soft side light1600 × 900 px
A hazy bay with small boats and green hills, in pale washed-out colour1600 × 1076 px
Two people working on a creative project at a desk with paper and pens1600 × 900 px
A mountain lake under a low grey sky, with dark forest on the far shore1600 × 1067 px
A person walking along the shore at sunset, reflected in the wet sand1600 × 2000 px
Mountains and dramatic clouds reflected in a still lake1600 × 900 px

AI kit (Pro Unlimited)

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

CSS classWhat it is
lt-herohome hero band: headline, lede, then the edit (lt-edit)
lt-editthe hero equation: lt-edit__before (photo as shot, shown flat), lt-edit__curve (curves panel), lt-edit__after (photo after the edit)
lt-curvea curves panel drawing (image of the tone curve); the large one sits in lt-edit__curve
lt-wedgethe five-step tone wedge inside a text widget: p.lt-wedge with five lt-step spans, darkest first; add is-on to the steps a tool changes (blue bar under them)
lt-axisthe five wedge labels (Blacks, Shadows, Midtones, Highlights, Whites) under a wedge
lt-pointsthe control point values under the hero curve (lt-point rows; is-clip for the clipped point)
lt-toolone tool row: name and what it fixes (lt-tool__name, lt-tool__what), the wedge (lt-tool__wedge), the plan (lt-tool__plan); head row is-head
lt-looksgrid of looks; each lt-look has its curve drawing, name (lt-look__name), what it does and its plan (lt-look__plan)
lt-maskone mask row (name, what it finds, time)
lt-stepsthe four steps of an edit (a real sequence)
lt-planone plan row: name and who it suits, what it adds, price, action
lt-facta label and value row (files, formats, devices, export sizes)
lt-pageheadinner page heading band
lt-deskone support desk block
lt-personone person (name and role)

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

Questions about LT Foto

Do I need Elementor Pro?

No. LT Foto 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 show my own app's tools and curves?

Yes. Tool rows and the wedge are normal Elementor text: mark the steps each tool changes. The curve drawings are SVG images you can replace with your own app's curves.

Does it fit apps that are not photo editors?

It is made for photo, video and camera apps, but the rows, plans, support and privacy pages fit any app sold by subscription: rename the tools and rewrite the texts.

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 Support pages and the blog. Pro adds the home page, the tools, looks and plans pages, sample posts, one-click demo import, credit removal, updates and support. Pro Unlimited adds the AI kit.

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

Ask AI about LT Foto

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