Hello Meadow

Theme Documentation

Your go-to resource for everything about your theme. Find setup guides, customization tips, and answers to common questions.

View Live demo Get Started

Theme Overview

Here you will find the basics to run your theme like the demo. We have also included additional details like the fonts, and demo colors.

Plugins

Kadence Blocks *
Starter Templates by Kadence Wp *
Clear Cache for me
Smashballoon Instagram
Woocommerce
WP Recipe Maker

* are required for theme function

Versions

Release Date – June 2026
Current – 1_0_0
Latest Update – N/A

Requirements

WordPress 6.3+
PHP 8.2+
Required Plugins x2

Colors

#6F7F5F

Palette 1

#C08A6B

Palette 2

#AAB49A

Palette 3

#222222

Palette 4

#3B3E42

Palette 5

#A86E52

Palette 6

#CBB9A3

Palette 7

#F4EFEA

Palette 8

#FBF9F5

Palette 9

#928C80

Palette 11

Fonts

Market

Headings

Apple Cider

Accent

DM Sans

Body

Montserrat

H5 · H6 · Buttons · Nav

Custom Code

Built-In Styling Options

Use these optional CSS Classes to add theme specific design details to your layouts. These classes are completely optional and can be used in the Additional CSS Class(es) field for any compatible element in the editor.

Tape Accents #1-4
Tilted Images #1-3
Header Line Accent #5
Underline Button #6
Header Script #7

What it does

Add a piece of decorative tape above images. There are 4 different styles to choose from.

Example

How to use it

Select the text you would like to add the tape detail to.

In the editor to the right, click on Advanced and then the Advanced Tab.

In the Additional CSS Class(es) field, add one of the tape classes from the list

Save and preview your page.

You will not see the tape in the editor, only on the live page.

CSS Classes

Choose one of the following classes to apply different tape styles. Click to copy.

meadow-tape-1

meadow-tape-2

meadow-tape-3

meadow-tape-4

What it does

Add a subtle rotated angle to your images for a more casual, editorial look. There are four angle variations available.

Example

How to use it

Select the image block you want to add the angle to.

In the editor to the right, click on Advanced and then the Advanced Tab.

In the Additional CSS Class(es) field, add one of the classes from the list.

Save and preview your page.

CSS Classes

Choose one of the following classes to apply different angle styles. Simply click to copy.

meadow-img-1

meadow-img-2

meadow-img-3

meadow-img-4

What it does

Adds a subtle line accent to your headers. The line color is linked to Palette 7

Example

How to use it

Select the heading block you want to add the accent to.

In the editor to the right, click on Advanced and then the Advanced Tab.

In the Additional CSS Class(es) field, add the class meadow-lines

Save and preview your page.

CSS Classes

Add this class to apply the accent. Simply click to copy.

meadow-lines

What it does

Adds the Custom Meadow Underline style to outline buttons.

Example

How to use it

When adding a block, select the Buttons (ADV) block type

Under the General Tab, select Outline Button

This will automatically style your button like the image to the left. Add your wording and link.

Styling Help

The arrows are not part of the button. While you can use one of the Kadence icon arrows on the button, I preferred the below style. Click to copy.

→

What it does

Let’s you mix in your accent font with a header style.

Example

How to use it

Create your heading. Then select the words you would like to be script and apply the Italic styling to those words only.

In the editor to the right, click on Advanced and then the Advanced Tab.

In the Additional CSS Class(es) field, add the class meadow-script

To change the color, select the script text and from the menu bar above the text, select the arrow ( ⌵ ), and then highlight. There you can choose an accent color.

CSS Classes

Add this class to apply the accent. Simply click to copy.

meadow-script

VIDEO TUTORIAL

Learn to Use Your Block Library

Learn how to use your Block Library with confidence. This video covers browsing your library, adding blocks to your pages, editing content, moving sections, and customizing layouts to fit your website.

QUICK START

Quick Answers & Tutorials

Find quick answers to the questions we hear most often, or browse step-by-step tutorials for more detailed guidance.

Everything you need to customize
your theme from start to finish.

Visit Tutorial Library →

Popular Tutorials

Step-by-step guides

The most common tutorials our users find helpful.

To customize your theme colors, go to Appearance → Customizer → Colors & Fonts → Colors.

Here you’ll find your Global Color Palette, where you can replace the default colors with your own brand colors. Any changes you make to the Global Palette will automatically update throughout the theme.

If you don’t like how a particular color appears on a specific page or section, you can customize that block individually. Simply edit the page and choose a different color from your Global Palette or select a custom color for that element only.

To customize your fonts, go to Appearance → Customizer → Colors & Fonts → Typography.

Here you can change your site’s global font settings, including the font family, size, weight, and style. Any changes you make here will automatically update throughout the theme.

If you’d like to use a premium or custom font that isn’t included by default, follow our Premium Font Installation Tutorial for step-by-step instructions.

To edit a page, go to Pages in your WordPress dashboard and select the page you’d like to edit. You can also click Edit Page from the WordPress admin bar while viewing that page.

Once you’re in the editor, simply click on any text, image, or block to customize the content.

For a complete walkthrough of editing pages and using the block editor, visit the Page Editing Tutorial.

While editing a page, click Design Library at the top of the editor.

Browse the available layouts and sections, then click the block you’d like to use. It will automatically be added to your page, where you can customize it just like any other block.

For a complete walkthrough of using the Design Library, visit the Design Library Tutorial.

Popular Questions

Quick Answers

Browse answers to the questions users ask most often.

To change the page that appears as your homepage, go to Settings → Reading.

Under Your homepage displays, select A static page, then choose the page you’d like to use as your homepage from the Homepage dropdown.

Click Save Changes to apply your new homepage.

The Kadence framework includes several featured image ratios, allowing you to choose the style that best fits your website.

To change the featured image ratio, go to:

Appearance → Customizer → Posts/Pages Layouts → Archive Layouts

Scroll down to the Post Item Layout section, open the Featured tab, and choose the image ratio you’d like to use for your blog archive.

Your changes will automatically update the featured images displayed throughout your blog.

For a complete walkthrough of customizing your blog layout, visit the Blog Layout Tutorial.

Yes! You can easily use premium or custom fonts with your Hello You Designs theme.

Follow our Premium Font Tutorial for step-by-step instructions on installing and using your own fonts throughout your website.

View Tutorial →

Your theme includes two different blog pages, and each one has a different purpose.

Custom Blog
This is a fully editable page designed with the block editor. You can customize the layout, add sections, and create a unique experience for your readers. This page is typically named Journal, The Blog, or something similar.

Blog
This is WordPress’s default blog archive. It isn’t editable and automatically displays all of your blog posts.

Important: Don’t assign your Custom Blog as your WordPress Blog page. If you do, WordPress will replace your custom layout with the default blog archive.

Instead, go to Settings → Reading, assign your standard Blog page as your Posts page.

Still need help?

We’re happy to help! If you couldn’t find the answer you’re looking for, send us a support ticket and we’ll get back to you as soon as possible.

submit a support ticket

Changelog

Follow the evolution of your theme. Every new feature, improvement, and bug fix will be documented here, so you can quickly see what’s changed.

Found an issue or have an idea for a future release? We’d love to hear from you.

Submit a ticket

June 2026

🎉 Initial public release of Hello Meadow