Watch the 2-minute setup
LT Steepa is a block theme for tea rooms, tea shops and tea houses. See it live in the demo.
Section patterns (Pro)
| Pattern | Use it for |
|---|---|
| Hero with afternoon tea card | Light hero with headline, buttons and highlights, next to an arched teapot photo with sitting times, party sizes and a Reserve afternoon tea button. |
| Ways to visit | Eight cards with icons: a pot of tea, afternoon tea, cakes, light lunch, tea to take home, tastings, private hire and gift cards. |
| Tea menu | Black, green and white, oolong and herbal teas with origin tags, dotted leaders, prices per pot and brewing notes. |
| Afternoon tea | Stand photo with the three tiers explained, three framed cards (cream tea, classic, little ones’ tea) and a reserve button. |
| Cakes and light lunch | Arched cake photo, cakes and lunch dishes with V, VG and GF tags, the dietary key and allergen notes. |
| Shop online teaser | Short shop text with a checklist and button, next to four product cards with example prices. |
| Tea tastings and workshops | Deep jade band with sample events, an enquiry button and a tasting photo. |
| Our story | Arched tea room photo, the story and a checklist. |
| Gallery | Six portrait photos with captions and an Instagram link. |
| Our team | Owner, baker and tea room manager with arched photos and one line each. |
| Guest reviews | Three review cards (use real reviews only). |
| Frequently asked questions | Reserving, allergies and special diets, groups, gift cards, children and cancellations. |
| Opening hours and location | Opening hours, afternoon tea sittings, address, phone and a map with directions. |
| Contact cards | Call, email and visit cards. |
| Gift card banner | Blush strip promoting gift cards. |
| Reserve call to action | Jade band with reserve and phone buttons. |
Page layouts (Pro)
- Home page: the complete homepage.
- Menu page: afternoon tea, the tea menu, the shop teaser, cakes and light lunch, tastings and FAQ.
- About page: our story, tastings, gallery, team and reviews.
- Contact page: contact cards, gift card banner and opening hours with map.
Demo content to replace
- Phone
(555) 016-4565, email[email protected]and the Willow Walk address (header, footer, contact sections). - Opening hours and afternoon tea sittings (top bar, hero card, footer, hours section) and the party sizes in the hero card.
- Every tea, tag and example price in the tea menu; the three afternoon teas; cakes and lunch dishes with their dietary tags; the four shop products.
- The allergens your kitchen uses (cakes section and FAQ); the tasting events; team names, roles and photos; the six gallery photos; sample guest reviews.
- The “Reserve” buttons: link them to your reservation system. “Visit the online shop”: link it to your shop. “Follow us on Instagram”: point it to your own profile.
Keep the allergen note and only mark an item vegetarian, vegan or gluten-free (or a tea caffeine-free) when you have checked it. Prices in the demo are examples. Do not add health claims about tea, or ratings, awards or certifications your tea room does not have.
Photo guide
Replace the illustrations and placeholder portraits with your own photos: select the image in the editor, then Replace. These sizes look sharp on large screens without slowing the site down.
| Image | Shape | Upload size | Tips |
|---|---|---|---|
| Hero teapot photo | Portrait 4:5, arched top | 1000 × 1250 px | A pot being poured or a cup on the table, shot from a low angle. Keep the cup in the upper right: the arch trims the top corners and the afternoon tea card covers the bottom left. |
| Tea room photo (Our story) | Landscape 5:4, arched top | 1600 × 1280 px | Your tea room in daylight, a window table or the counter. |
| Afternoon tea photo | Landscape 5:4 | 1600 × 1280 px | A full three-tier stand on a table, with the teapot beside it. |
| Cake photo | Portrait 4:5, arched top | 1000 × 1250 px | A whole cake or the cake counter, with the cake in the lower middle. |
| Tasting photo | Landscape 5:4 | 1600 × 1280 px | Tasting cups or bowls of dry leaves side by side. |
| Team photos | Portrait 4:5, arched top | 800 × 1000 px | Head and shoulders with space above the head, same light for everyone. |
| Gallery (6 photos) | Portrait 4:5 | 1000 × 1250 px | Your own teapots, scones, leaves and tea room. Similar light and tableware make the grid look calm. |
| Map picture | Landscape 3:2 | 1600 × 1040 px | A screenshot of your map, or keep the illustration; the button links to Google Maps. |
| Blog featured images | Landscape 3:2 | 1600 × 1067 px | Shown on the blog cards and at the top of each post. |
| Logo (header and footer) | Wide or square | At least 200 px tall, PNG with a transparent background or SVG | Shown about 44 px tall. Set it in Appearance → Editor: select the logo block. |
| Site icon | Square | 512 × 512 px | The small icon in browser tabs. Settings → General → Site Icon. |
- Save photos as JPEG or WebP and keep each file under about 300 KB (a free tool such as squoosh.app does this).
- WordPress crops to the shape for you: select the image → Crop in the toolbar to choose which part shows.
- Fill in the Alternative text of each photo (for example “Our reception desk”) for accessibility and Google.
- Only use photos you own or have permission for. Ask clients before you publish photos of them.
Colour styles
Default (jade and blush), Matcha, Earl Grey and Rooibos. Try them in the live demo with the colour dots in the top bar.