I, too, was following the same tutorial listed in this post. I was frustrated to discover that the CSS was being overridden even though I followed the tutorial instructions. I was able to resolve the issue for this particular setup by editing the parent theme header file head tag thusly:
<head>
<meta charset="utf-8" />
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<?php PC_Hooks::pc_head_top(); /* Framework hook wrapper */ ?>
<meta name="viewport" content="width=device-width">
<?php wp_head(); ?>
<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" type="text/css" media="screen" />
</head>
In short, I moved the <?php wp_head(); ?> ahead of the stylesheet reference. This then allowed the includes folder to be called before the stylesheet. Now I don’t have to worry about using !important any time I want to change a color with this theme.
Thanks WPyogi for determining the order issue! And thanks Fishpaws for posting this in the first place…I was glad I was not the only one with this issue!
