LT Tattoo

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

LT Tattoo is a tattoo studio theme for Elementor (free): a hero that pins this month's flash sheet with every design drawn to scale on a centimetre grid, its flash number, size, price and time in the chair; sizes and prices shown as real squares; the artists with their styles and whether their books are open; the road from request to healed tattoo; a day-by-day aftercare guide; walk-in flash days, cover-ups, gift vouchers, opening hours and a booking 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 studio and Book a tattoo 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): The studio, Book a tattoo, Studio journal. Pages in Pro (Appearance → Demo import): Home, The studio, The artists, Clean studio, Tattoos, Styles, Fine line, Traditional, Blackwork, Flash days, Cover-ups, Aftercare, Book a tattoo, Gift vouchers, Studio journal.

Quick setup

  1. Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT Tattoo (Install and update).
  2. Optional: activate WPForms Lite for the tattoo booking 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
The studio–Free
The artistsThe studioPro
Clean studioThe studioPro
Tattoos–Pro
StylesTattoosPro
Fine lineStylesPro
TraditionalStylesPro
BlackworkStylesPro
Flash daysTattoosPro
Cover-upsTattoosPro
AftercareTattoosPro
Book a tattoo–Free
Gift vouchersBook a tattooPro
Studio 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 /#flash).

Section (Navigator name)CSS ID
This month's flash#flash
Flash Friday#walk-in
Sizes and prices#sizes
The artists#artists
From idea to healed#process
Aftercare#aftercare
Clean studio#studio
Studio journal#journal
Visit the studio#visit
  • This month's flash, drawn to scale: The home page opens with a flash sheet: eight designs on a centimetre grid, each with its flash number, size, price and time in the chair.
  • Sizes and prices people understand: Squares of 3, 5, 8 and 12 cm on the same grid with starting prices, plus the studio minimum, hourly rate, day rate and deposit.
  • Artists and their books: Each artist with their style, their days in the studio and whether their books are open, plus guest artists.
  • From request to healed: The booking road in seven steps, a day-by-day aftercare guide, a clean-studio routine and pages for flash days, cover-ups and gift vouchers.
  • Free Elementor and a ready booking request form: Every page is built with free Elementor widgets on Hello Elementor, with a booking 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
  • The studio → The artists, Clean studio
  • Tattoos → Styles (Fine line, Traditional, Blackwork), Flash days, Cover-ups, Aftercare
  • Studio journal
  • Book a tattoo → Gift vouchers

Header button: Book a tattoo (link /book/#request), changed in Appearance → Customize → LT Tattoo options.

One-page mode (Pro)

With Pro Standard or Pro Unlimited, tick One-page mode on the home page in Appearance → Customize → LT Tattoo options and the menu scrolls to these sections: This month's flash, Flash Friday, Sizes and prices, The artists, From idea to healed, Aftercare, Clean studio, Studio journal, Visit the studio. To change the labels or leave sections out, see One-page mode.

Used the old LT Tattoo 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
Stencil violet (buttons, links, the 5 cm grid lines, size outlines)#3D2C93
Graphite (soft text)#545066
Black ink (text, line work)#1B1726
Flash yellow (marks on dark only)#F2C14E
Transfer paper (page)#F3F2F6
Tracing (tinted sections)#E4E1EE
Hairlines and the 1 cm grid#CBC6DA
Studio after hours (dark bands)#1F1A3A
Text on dark#F3F2F6
Soft text on dark#B9B3D3
Button hover#2B1F70
Name in Global FontsFont
Display (headings, flash numbers, prices)Grenze
Interface (menu, labels)Prompt
Body textPrompt
ButtonsPrompt

Form

With WPForms Lite active, the demo import creates the form Tattoo booking request on the Book a tattoo page. Fields: Your name (required), Email (required), What would you like? (required), Artist, Placement and rough size (required), Your idea (required), Is this your first tattoo?, Age (required). Email subject: “Tattoo booking request from the website”. After sending, visitors see: “Thanks. The artist will reply within three working days with a consultation time and the deposit details.”

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)
  • Fennick Street Tattoo
  • Fennick Street
  • Springfield
  • Keep the flash honest: the `lt-cm-<n>` class on a drawing, the size in its caption and the price must match; one grid square is one centimetre.
  • Flash numbers belong to flash pieces only; do not number styles, artists or services.
  • Use flash yellow only inside drawings and for marks on dark bands, never for text on light backgrounds.

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 tattoo artist in blue gloves working on a client's upper arm in a bright studio1600 × 1200 px
A tattoo studio room with a black client bed, framed drawings on the walls and shelves of supplies1600 × 1200 px
Sheets of floral and abstract tattoo designs laid out on a table in the studio1600 × 1200 px
An artist in blue gloves pressing a paper stencil onto a client's upper arm1600 × 1200 px
Gloved hands tattooing a fine line design on a forearm1600 × 1200 px
An artist in blue gloves tattooing a black patterned piece along a client's forearm1600 × 1200 px
A tattoo artist wiping down the workstation before setting up for a client1600 × 1200 px
A man rubbing aftercare cream into the tattoos on his forearm1600 × 1200 px
A healed black and grey cat tattoo on an arm1600 × 1000 px
Traditional tattoo designs drawn on paper, with brushes and pencils beside them1600 × 1000 px
A tattoo artist in a beanie working on a client's shoulder1600 × 1000 px

AI kit (Pro Unlimited)

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

CSS classWhat it is
lt-herohome hero band: headline, address, price line and the flash sheet
lt-sheeta flash sheet on the 1 cm grid; children lt-sheet__head, lt-sheet__pieces (the grid of pieces) and lt-sheet__foot
lt-flashone flash piece: lt-flash__art (the drawing, lt-cm-<n> sets its width in centimetres) and lt-flash__cap (flash number, name, size, price, time); lt-flash–wide spans two grid columns
lt-sizesthe size squares on the grid; each lt-size lt-cm-<n> is an outlined square n centimetres wide with lt-size__cm and lt-size__price
lt-artistone artist row (name, style, books open or closed, days); is-open marks open books
lt-styleone style row (style and what it looks like, artist, starting price)
lt-healone healing row (days and what happens), inside lt-rows
lt-stepsa real sequence (the booking road, setting up a station); children lt-step
lt-pricelabel and value row (prices, hours, rules), inside lt-rows
lt-pageheadinner page heading band
lt-deskcontact desk block

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

Questions about LT Tattoo

Do I need Elementor Pro?

No. LT Tattoo 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 clients book and pay online?

The theme has a booking request form (WPForms Lite): the client sends their idea, placement, size and artist, and you reply with a consultation time and deposit details. It does not take payments or block times in a calendar.

Can I put my own flash on the sheet?

Yes. Each piece is an Elementor image with a caption: upload your drawing, set its width class to its size in centimetres and change the number and price.

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 studio and Book a tattoo pages and the blog. Pro adds the home page, the flash sheet, prices and sub-pages, sample posts, one-click demo import, credit removal, updates and support. Pro Unlimited adds the AI kit.

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

Ask AI about LT Tattoo

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