Knowledge Base/Custom Community/How To's

Answered

Create Child Themes

Sven Lehnert
asked this on January 26, 2012 14:02

How can I create a child theme for Custom Community Pro?

 

Comments

User photo
Sven Lehnert
Themekraft
Ajax_loader_small Answer

Never change the theme files, as all your settings would be lost with every update. (theme files are replaced everytime)

So as soon you'd like to change code, you should create your custom child theme. So, let's step in:

Prepared example


Attached here you can download a prepared example child theme for Custom Community Pro! :)

How to install it?

 

As soon as you upload this to your themes folder, you will be able to activate this new child theme in APPEARANCE -> THEMES.

Ready!

How it works - in short


It’s just a css file as starting point.

Now you cann add your own styles or add a complete new file, for example the header.php.
The file names must be the same, otherwise your new child theme file will not overwrite the original file.

Tip: copy the original code from the original file, and then just modify! :)

More info on child themes


The WordPress documentation about child themes:
http://codex.wordpress.org/Child_Themes

For general questions regarding child themes check out the free support forums at http://wordpress.org.

For support requests regarding Custom Community theme (or child theme) issues
just drop us a line here in our premium support forums: http://themekraft.com/forums

If you are not so familiar with FTP, there's also a free plugin out there to generate a child theme via your WP backend:
http://wordpress.org/extend/plugins/one-click-child-theme/

Some further info and user experience in this nice forum thread:
http://themekraft.com/groups/custom-community-pro/forum/topic/child...

If you search the web you will also find many articles or even videos explaining how to make a child theme for WordPress.

Hope that was helpful, if you miss something, please let us know. Enjoy!

January 26, 2012 14:18
User photo
Bruce Wedding

I have a problem with CC Pro 0.7.1. It is loading all items from 2 menus and disregarding menu nesting levels.

I have NOTHING but a blank style.css with the exact @import line above. I'll show before and after screenshots:

Child theme:
http://i45.tinypic.com/1zdqb0p.jpg

CC Pro
http://i48.tinypic.com/vs26w9.jpg

Yes, the directory path is correct. If it wasn't, I wouldn't get any formatting at all.
Yes, my child theme is located in the wp-content/themes dir.

Here is a cut and paste copy of my style.css, the only file in the child directory:

/*
Theme Name: XXXXX
Description: Child theme for the Custom Community Pro
Author: Bruce W
Template: custom-community-pro
*/

@import url("../custom-community-pro/style.css");

Just to be sure, I tried your sample theme here and got the same results.

 

 

July 03, 2012 05:37
User photo
Sven Lehnert
Themekraft

Hi Bruce,


just saw your comment here, now. For the future, please write a support ticket if you need help, that's the safe and easy way to get quick help. 


If problem is still current -> the solution is your wp custom menu. 

You will just have to save it again in APPEARANCE > MENUS. 

October 10, 2012 16:11
User photo
shootreivew

Hi This ccould be the wrong place to post but I am having real dificulties adding a 468x60 banner in my header. I have tried adding to the header right an it just shows half the advert. Is there a way to change the size of the widget area?

October 24, 2012 16:46
User photo
konrad sroka
Themekraft

Hi shootreivew, please create a new support ticket here (see menu in the top) to get direct help! ;)  

October 25, 2012 17:18
User photo
aragorn

Do you have to be a Premium member to get an answer on a support ticket?

I created a child theme, my style.css has no custom styles, it simply imports the style.css from Custom Community.

However, any template file I make, using Custom Community's "page.php" as a base, has a broken '<div id="content" class="span8">', which is spanning all 12 column areas instead of only 8. '<div id="content" class="span8">' is effectively covering the right sidebar. I put a border on this div to check this out, and for sure it's taking up the sidebar too. This happens even if I simply copy and paste the contents of page.php and give it a template name, like so:

 

[** code removed **]

May 20, 2013 00:31
User photo
Sven Lehnert
Themekraft

Hi Aragorn, 

 

1. No you don't need to be a premium member, just create a support ticket.. 

2. I removed the code from your comment. 

3. Please try out the new version 1.16 just published. 

* should be available at wordpress.org the next days.. 

* for now available at github: https://github.com/Themekraft/Custom-Community 

 

If you run into any further problem just create a support ticket to get personal help. 

This way we can help you better and the comment area is not overloaded with old issues one day. 

 

Thanks, hope this helps

May 20, 2013 10:32
User photo
aragorn

okay I see was fixed in 1.16 thank you very much

May 21, 2013 15:46