How to Use the SiteCrafted Child Theme for Design Customizations (Full Guide)
Readymade WordPress Websites
How to Use the SiteCrafted Child Theme for Design Customizations (Full Guide)
The SiteCrafted Child Theme is the heart of your website’s design. Every color, spacing, layout tweak, UI change, and branding customization lives safely inside the child theme—making your website 100% update-proof. This guide explains exactly how to use it for all your customizations.
1
What Is the SiteCrafted Child Theme?
It’s the design layer that protects your customizations from updates.
The SiteCrafted Child Theme is a customized layer built on top of the parent theme (like WoodMart, Astra, Flatsome, etc.). All visual changes live inside the child theme instead of the parent theme.
This ensures:
✓
Your design never breaks after updates
✓
You can replace GPL with original version safely
✓
You can customize freely without touching core files
2
Where to Find Child Theme Files
Everything is easy to access.
You can access your child theme through:
- Appearance → Theme File Editor
- /wp-content/themes/sitecrafted-child/
- FTP or File Manager
Important files inside the child theme:
- style.css → Primary custom CSS
- functions.php → Additional theme functions
- custom.css (if added) → All SiteCrafted custom styling
- template overrides (optional)
3
Where SiteCrafted Stores All Design Edits
This is why your site never breaks.
SiteCrafted uses the child theme for all design customization, including:
- Colors, gradients & backgrounds
- Button styles
- Typography & spacing
- Custom layouts
- Elementor/Block styling overrides
- Header & footer structure
This ensures:
✓
No design breaks after updates
✓
Your branding remains untouched
✓
Everything stays exactly as installed
4
How to Add Custom CSS in the Child Theme
Safest method for styling your website.
To add your own custom CSS:
- Go to Appearance → Theme File Editor
- Select style.css from the child theme
- Add your custom CSS at the bottom
For example:
.page-title {
font-size: 36px;
color: #0b4c8c;
}
This is the recommended place to add all style updates.
5
How to Add PHP Customizations Safely
Use functions.php or CodeSnippets plugin.
For PHP-based changes, use one of these:
- Child Theme → functions.php
- CodeSnippets plugin (recommended)
Example snippet:
add_filter('excerpt_length', function(){
return 18;
});
Never edit parent theme core files — those will be overwritten on update.
6
Using Custom Templates in the Child Theme
For advanced users or developers.
You can override parent theme template files by copying them into:
/wp-content/themes/sitecrafted-child/
For example:
- header.php
- single.php
- footer.php
Once copied, you can safely edit them without touching the parent theme.
7
Why SiteCrafted Child Theme Protects Your Website
You stay safe from issues, updates, and conflicts.
Your site is update-proof because:
- All design is stored in child theme → not affected by updates
- GPL → Original replacement does not affect design
- Updates replace only parent theme files
- Customizations are never mixed with original theme code
Your website looks exactly the same even after:
- Theme updates
- Plugin updates
- Replacing GPL with premium version
- Major theme updates (e.g., 6.4 → 6.5)
Want a Website That Is Easy to Customize?
All SiteCrafted websites include a child theme designed for full customization and update-proof performance.
FAQ
Q: Will my design break if I update the theme?
No — all your customizations are in the child theme.
Q: Can I add any CSS I want?
Yes — add it to the child theme CSS file.
Q: Is this suitable for beginners?
Yes — you don’t need coding knowledge to use it.
