LT ArtClass is an art school theme for Elementor (free): a hero that draws the drawing term as a value scale, week by week, courses with their length and places left, a first-class guide, the week's timetable, kids and teens classes, term fees and gift vouchers, tutors, the studio and a booking form. A Hello Elementor child theme with a bundled font, one-page mode and a mobile menu.
Editions
| Edition | Price | What you get |
|---|---|---|
| Free | $0 | Theme + 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 year | Full 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 once | Everything 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), Sketchbook. Pro: full multi-page website like the demo (Appearance → Demo import): Home, School, Tutors, The studio, Classes, Drawing, Painting, Watercolour, Oil painting, Acrylics, Kids and teens, Term dates and fees, Contact, Sketchbook. Help: Free, the AI assistant and the contact form; Pro, ticket support.
Quick setup
- Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT ArtClass (Install and update).
- Pro, optional: activate WPForms Lite for the book a class or a free taster form.
- Pro: Appearance → Demo import → Import (Demo import). Free: Appearance → One-page import (the one-page website).
- Replace the demo content and pictures (below), set your logo and the header button.
Pages in the demo
| Page | Under | Edition |
|---|---|---|
| Home | – | Free (as the one-page website) and Pro |
| School | – | Pro |
| Tutors | School | Pro |
| The studio | School | Pro |
| Classes | – | Pro |
| Drawing | Classes | Pro |
| Painting | Classes | Pro |
| Watercolour | Painting | Pro |
| Oil painting | Painting | Pro |
| Acrylics | Painting | Pro |
| Kids and teens | Classes | Pro |
| Term dates and fees | Classes | Pro |
| Contact | – | Pro |
| Sketchbook (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 /#term).
| Section (Navigator name) | CSS ID |
|---|---|
| This term | #term |
| Classes | #classes |
| Your first class | #first-class |
| The week at the studio | #week |
| Kids and teens | #young |
| Fees and vouchers | #prices |
| Sketchbook | #sketchbook |
| The studio | #studio |
| Free taster class | #taster |
- A course drawn as a value scale: The home page opens with the drawing term as ten boxes from paper white to charcoal, each box holding the week and what is taught.
- Courses with length and places left: Course rows show the night, a strip with one box per session in the colour of the medium, the fee and how many places are left.
- Timetable, kids and teens: The week at the studio day by day, Saturday classes for two age groups, term dates and a first-class guide with what to bring.
- Fees and gift vouchers: Term fees, drop-in prices and a gift voucher panel that sends people straight to the booking form.
- Free Elementor and a ready booking form: Every page is built with free Elementor widgets on Hello Elementor, with a 'Book a class' form made with the free WPForms Lite plugin. The font is bundled: no Google Fonts requests.
Menu
The demo import creates this main menu (Appearance → Menus):
- Home
- School → Tutors, The studio
- Classes → Drawing, Painting (Watercolour, Oil painting, Acrylics), Kids and teens, Term dates and fees
- Sketchbook
- Contact
Header button: Book a taster class (link #taster), changed in Appearance → Customize → LT ArtClass options.
One-page mode
In every edition the menu can scroll to these sections: This term, Classes, Your first class, The week at the studio, Kids and teens, Fees and vouchers, Sketchbook, The studio, Free taster class. 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 ArtClass options. To change the labels or leave sections out, see One-page mode.
Used the old LT ArtClass 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 Colors | Value |
|---|---|
| Phthalo green (buttons, links) | #0E4D46 |
| Graphite (soft text) | #4A4F55 |
| Charcoal (text, darkest value) | #1E2124 |
| Cadmium yellow (places-left tab, focus; never text) | #F2C230 |
| Toned paper (page) | #E4E7E4 |
| White chalk (tinted sections, lightest value) | #F7F8F5 |
| Hairlines | #B5BAB6 |
| Charcoal stick (dark bands, footer) | #25292D |
| Text on dark | #F7F8F5 |
| Soft text on dark | #BAC2C6 |
| Button hover | #08332E |
| Ultramarine wash (watercolour course tint) | #2C4A8E |
| Burnt sienna (oil painting course tint) | #8A4526 |
| Name in Global Fonts | Font |
|---|---|
| Display (headings, week topics; Casual) | Recursive |
| Interface (menu, labels) | Recursive |
| Body text | Recursive |
| Buttons | Recursive |
Form
Pro: with WPForms Lite active, the demo import creates the form Book a class or a free taster on the Contact page. Fields: Your name (required), Email (required), Phone (optional), Class (required), How much have you drawn or painted?, Number of places, Anything we should know. Email subject: “Class booking request from the website”. After sending, visitors see: “Thank you. We will reply by email within two working days to confirm your place (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)Northlight Art SchoolFoundry YardSpringfield
- Keep the value scale one box per session, lightest first; do not use it as decoration or for things that are not sessions.
- Use cadmium yellow only as the tab behind charcoal text (places left), never as a text colour.
- Keep headings in the Casual style and times, prices and dates in the plain (Linear) style.
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 tutor talking to a small adult class working at easels in a bright studio | 1600 × 1067 px |
| Wooden easels and covered canvases standing in the studio | 1600 × 1067 px |
| A tutor in a paint-spattered apron in front of students' easels | 1600 × 1067 px |
| A student drawing a portrait in charcoal at an easel | 1600 × 1067 px |
| Hands laying a watercolour wash beside a paint box and brushes | 1600 × 1067 px |
| A hand mixing oil colours on a wooden palette with a brush | 1600 × 1067 px |
| A palette of acrylic paints with brushes and a palette knife | 1600 × 1067 px |
| A child's hand painting with watercolours at a table | 1600 × 1067 px |
| A still life of tangerines and a glass jug on a blue cloth | 1600 × 1067 px |
| Brushes, paint tubes, a palette and a blank canvas on a work table | 1600 × 1067 px |
| A watercolour paint box, brushes and a jar of water on a wooden table | 1600 × 1067 px |
Demo photos
The live demo of LT ArtClass 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):
acrylics.jpg: photo by Cihan Yüce on Pexelsdrawing.jpg: photo by Antoni Shkraba on Pexelsfirst-class.jpg: photo by Vitaly Gariev on Pexelsoils.jpg: photo by Pavel Danilyuk on Pexelspost-kit.jpg: photo by Marko Blazevic on Pexelspost-still.jpg: photo by Matvei on Pexelspost-wash.jpg: photo by betül nur akyürek on Pexelsstory.jpg: photo by Vitaly Gariev on Pexelsstudio.jpg: photo by cottonbro studio on Pexelswatercolour.jpg: photo by Greta Hoffman on Pexelsyoung.jpg: photo by Anastasia Shuraeva on Pexels
AI kit (Pro Unlimited)
The AI kit’s AGENTS.md tells an assistant how LT ArtClass is built. The CSS classes it relies on (keep them when you edit):
| CSS class | What it is |
|---|---|
lt-hero | home hero band (headline, intro, the term's value scale and the booking line) |
lt-scale | a course drawn as a value scale (grid); add the medium lt-scale–graphite|water|sienna|phthalo |
lt-step | one box of the scale; lt-step–1 (lightest) to lt-step–10 (darkest) sets its value |
lt-step__week | week number inside a box |
lt-step__topic | what is taught that week (Heading widget) |
lt-strip | short strip on a course row: one span per session, each span lt-step–N, inside a Text widget; medium class on the widget |
lt-tab | cadmium-yellow tab behind charcoal text (places left); lt-tab–full (outlined) for a full class or a line that is not a count of places |
lt-course | one course row (name and night, strip, price, places, action) |
lt-slot | one timetable row (day, time, class, places) |
lt-evening | the steps of a class evening (a real sequence) |
lt-price | price row (label + amount) |
lt-person | a tutor (name, medium, days) |
lt-pagehead | inner page heading band |
lt-desk | contact desk block |
lt-facts | chalk panel with course facts (lt-rows of lt-price) |
See AI kit for the prompts, the safe edit tool and the launch checker.
Questions about LT ArtClass
Do I need Elementor Pro?
No. LT ArtClass 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 weeks of a course?
Yes. Each box of the value scale is a normal Elementor container with a week number and a heading: edit the text, or copy a box to add a week.
Will my site look like the demo?
Yes, with Pro: Appearance > Demo import creates every page, the colours, font, 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, 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).
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 14 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.
I have the old LT ArtClass. 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 ArtClass also exists as a Joomla template: see the LT ArtClass Joomla docs.
Ask AI about LT ArtClass
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