Prana-child

[Anonymous]

I am a beginner to WP, so it’s probably my lack of knowledge, but I followed the instructions here to make a prana-child directory with a style.css inside so I can modify the existing prana pro style.css. Instead, when I activate the prana-child theme, all of the Prana pro css gets wiped out. It’s like the prana-child style.css is overwriting the prana pro style.css. It should just add to it/modify it, no?

I included
@import url(“../prana/style.css”);

Thanks!

[admin]

Hello,
Please use the following CSS Header for your Prana Child Theme.

/*
Theme Name: Prana Child
Theme URI: http://designorbital.com/prana-child/
Description: Prana Child Theme
Author: DesignOrbital
Author URI: http://designorbital.com
Template: prana
Version: 1.0.0
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: prana-child
*/

/* Load Prana Stylesheet */

@import url( “../prana/style.css” );

/* =Theme customization starts here
————————————————————– */[/CODE]

I think you forget to uncomment the [B]@import[/B] line in the given example of WordPress.org

Thanks[CODE]/*
Theme Name: Prana Child
Theme URI: http://designorbital.com/prana-child/
Description: Prana Child Theme
Author: DesignOrbital
Author URI: http://designorbital.com
Template: prana
Version: 1.0.0
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: prana-child
*/

/* Load Prana Stylesheet */

@import url( “../prana/style.css” );

/* =Theme customization starts here

---

*/[/CODE]

I think you forget to uncomment the @import line in the given example of WordPress.org

Thanks

[Anonymous]

How silly, I know better. However, that was not the only issue. The Prana Pro theme contains 10 css files and all of them must be imported to get the complete functionality built into the Prana Pro theme. I am surprised this was not mentioned in the WordPress help link mentioned above. It was only when I discovered this blog, http://themeshaper.com/2009/04/30/modular-css-wordpress-child-themes/ that it became clear. It seems obvious to me now having developed websites before, but since I am new to WP I kept thinking it had to do with WP or the theme.

/*
Theme Name: Prana Child
Theme URI: http://themes.designorbital.com/prana/
Description: Prana Child Theme
Author: Design Orbital
Author URI: http://designorbital.com
Template: prana
Version: 1.0.0
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: prana-child
*/

/* Load Prana Stylesheet */

@import url(../prana/style.css);
@import url(../prana/lib/admin/style.css);
@import url(../prana/lib/css/font-awesome.css);
@import url(../prana/lib/css/skeleton.css);
@import url(../prana/lib/css/media-queries.css);
@import url(../prana/lib/js/bootstrap/css/bootstrap.css);
@import url(../prana/lib/js/flexslider/flexslider-default.css);
@import url(../prana/lib/js/flexslider/flexslider.css);
@import url(../prana/lib/js/flexslider/flexsliderx.css);
@import url(../prana/lib/js/prettyphoto/css/prettyPhoto.css);

/* =Theme customization starts here

---

*/

[Anonymous]

Okay, I see. You only need to import each of those css files if you are modifying them. I have since removed everything and gone back to simply:

@import url(../prana/style.css);

Everything is working fine. Maybe my upload didn’t go through before and that’s why the site was still broken after uncommenting the import line. It wasn’t seeing style.css. So, thank you, your original response was all that was needed!

[admin]

Thanks for your valuable feedback.

[Author]

Posts