Child Themes Support

A WordPress child theme is a theme that inherits the functionality of another theme, called the parent theme, and allows you to modify, or add to, the functionality of that parent theme. A child theme is the safest and easiest way to modify an existing theme, whether you want to make a few tiny changes or extensive changes. Instead of modifying the theme files directly, you can create a child theme. A child theme inherits all of the templates and functionality from its parent theme, but allows you to make changes to the parent theme because code in the child theme overwrites code in the parent theme.

http://codex.wordpress.org/Child_Themes

To create a child theme you’ll need to create a directory for the file(s). For iFeature Pro 5 you might name the directory ifeaturepro5-child-theme. In the root of that directory you will need to create a file named style.css. Without this file with the correct contents your Child Theme will not work.

For iFeature Pro 5 your style.css contents might look like:

/*
Theme Name: iFeature Pro 5 Child
Theme URI: http://cyberchimps.com/
Description: Child Theme for the iFeature Pro 5 Theme
Author: CyberChimps
Author URI: http://cyberchimps.com/
Template: ifeaturepro5
Version: 1.0.0
*/

/* =Import iFeature Pro 5 Theme Styles */

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

/* =Start from here */

Then you can place your CSS after. So now with some Custom CSS it might look like:

/*
Theme Name: iFeature Pro 5 Child
Theme URI: http://cyberchimps.com/
Description: Child Theme for the iFeature Pro 5 Theme
Author: CyberChimps
Author URI: http://cyberchimps.com/
Template: ifeaturepro5
Version: 1.0.0
*/

/* =Import iFeature Pro 5 Theme Styles */

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

/* =Start from here */

/* Center the copyright */
body .site-footer .span6 {
  width: 100%;
}
.site-footer #copyright {
  text-align: center;
}

Then just install and activate it as you would any other theme.

http://cyberchimps.com/guide/upgrading/

If you’re using a different theme like CyberChimps Pro you would need to change this:

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

to this:

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

Basically whatever is the directory name of the Parent Theme will have to be replaced there. If you’re using Business Pro 4 it will look like:

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

Please note that the use of Child Themes is for advanced users and not covered by support.

Also be aware that we you activate a child theme it is like activating any other theme. You may have to re-apply any custom menus, widgets, etc.

Categories: