/*
Theme Name: Twenty Twenty-One Child
Template: twentytwentyone
Description: Child theme for Twenty Twenty-One
Author: Your Name
Version: 1.0
*/

@import url('../twentytwentyone/style.css');

/* Your custom styles will go here */
```

**Step 4:** Create `functions.php`:
- Click "New File" 
- Name it: `functions.php`
- Right-click → "Edit"
- Copy the content from the functions.php file I provided

**Step 5:** Save both files

---

## Method 2: Using FTP Client (FileZilla)

1. **Download FileZilla** (free): https://filezilla-project.org/

2. **Connect to your hosting:**
   - Host: Your domain or FTP address
   - Username: Your FTP username
   - Password: Your FTP password
   - Port: 21

3. **Navigate on the right side (Remote site) to:**
```
   /public_html/wp-content/themes/
```

4. **On the left side (Local site):**
   - Create a folder on your computer called `twentytwentyone-child`
   - Inside it, create the two files (style.css and functions.php)

5. **Drag the folder** from left to right to upload it

---

## Method 3: Using a Plugin (Easiest!)

1. **Install "Child Theme Configurator" plugin:**
   - Go to WordPress Admin → Plugins → Add New
   - Search for "Child Theme Configurator"
   - Install and Activate

2. **Configure the child theme:**
   - Go to Tools → Child Themes
   - Click "Create New Child Theme"
   - Select "Twenty Twenty-One" as parent theme
   - Click "Analyze"
   - Click "Create New Child Theme"
   - Name it: "Twenty Twenty-One Child"

3. **The plugin creates everything automatically!**

4. **Then you just need to:**
   - Go to Appearance → Theme File Editor
   - Select your child theme
   - Add the custom CSS and functions.php code

---

## Method 4: Manual Creation via WordPress Dashboard

1. **Go to:** Appearance → Theme File Editor

2. **You'll see a warning** - click "I understand"

3. **Problem:** You can't create a new theme from here, only edit existing ones

4. **So this method won't work** - use Methods 1, 2, or 3 instead

---

## After Creating the Child Theme:

### Activate It:

1. Go to **Appearance → Themes**
2. You should see "Twenty Twenty-One Child"
3. Click **Activate**

### Verify It's Working:

1. Visit your website
2. It should look exactly like Twenty Twenty-One (for now)
3. Go to **Appearance → Customize**
4. You should see your child theme is active

---

## File Structure Visual:
```
wp-content/
└── themes/
    ├── twentytwentyone/          ← Parent theme (don't edit!)
    └── twentytwentyone-child/    ← Your child theme
        ├── style.css             ← Theme info & custom CSS
        ├── functions.php         ← Custom functions
        └── images/               ← (optional) Your images