<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"><head><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"><meta name=Generator content="Microsoft Word 14 (filtered medium)"><style><!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-fareast-language:EN-US;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal;
font-family:"Calibri","sans-serif";
color:windowtext;}
span.EmailStyle18
{mso-style-type:personal;
font-family:"Calibri","sans-serif";
color:#1F497D;}
span.EmailStyle19
{mso-style-type:personal-reply;
font-family:"Calibri","sans-serif";
color:#1F497D;}
.MsoChpDefault
{mso-style-type:export-only;
font-size:10.0pt;}
@page WordSection1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
{page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]--></head><body lang=EN-CA link=blue vlink=purple><div class=WordSection1><p class=MsoNormal><span style='color:#1F497D'>… Well I thought I was smart and figured it out, but now it's above the parent theme CSS and the customize.php css is being ignored if it's also in the parent's css.<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>If anyone has any tips that would be awesome.<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>Sorry for the multiple emails.<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>Tom<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><div><div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0in 0in 0in'><p class=MsoNormal><b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif";mso-fareast-language:EN-CA'>From:</span></b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif";mso-fareast-language:EN-CA'> theme-reviewers [mailto:theme-reviewers-bounces@lists.wordpress.org] <b>On Behalf Of </b>Tom<br><b>Sent:</b> Saturday, July 5, 2014 5:13 PM<br><b>To:</b> 'Discussion list for WordPress theme reviewers.'<br><b>Subject:</b> Re: [theme-reviewers] CSS in a PHP file<o:p></o:p></span></p></div></div><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal><span style='color:#1F497D'>No need to answer this – after writing all that and sending I thought why not just add the CSS to wp_head above where the files are being queued – no need to include an extra file and do all that fancy stuff if it's not needed. *facepalm*<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>Thanks guys!<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>Tom<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><div><div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0in 0in 0in'><p class=MsoNormal><b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif";mso-fareast-language:EN-CA'>From:</span></b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif";mso-fareast-language:EN-CA'> theme-reviewers [mailto:theme-reviewers-bounces@lists.wordpress.org] <b>On Behalf Of </b>Tom<br><b>Sent:</b> Saturday, July 5, 2014 4:57 PM<br><b>To:</b> theme-reviewers@lists.wordpress.org<br><b>Subject:</b> [theme-reviewers] CSS in a PHP file<o:p></o:p></span></p></div></div><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>Hi all, quick question!<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>Up until now, I've been generating all of my custom CSS generated by customize.php straight into wp_head, which works fine.<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>However, my child theme queues the style.css above where my generated CSS is output, meaning the child theme's CSS has to be more specific than what's being set in customize.php.<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>This isn't a huge problem, but can be quite annoying for people trying to add their own custom CSS.<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>I've been working on moving the CSS from wp_head into its own file – css.php. Here are the stripped down contents of that file: <a href="https://gist.github.com/proframework/79dd529afbbad4d84ea0">https://gist.github.com/proframework/79dd529afbbad4d84ea0</a><o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>Then, in my functions.php file I include the css.php file, and then enqueue the script like so:<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>wp_enqueue_style( 'generate-customize', site_url() . '/?' . $name . '-css=css', false, GENERATE_VERSION, 'all' );<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>Now, this works perfectly when changing settings, saving and then refreshing.<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>However, it doesn't work when changing the settings in customize.php, and hoping to see them change right in front of you. You need to actually save and refresh to see the changes.<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>I'm assuming this has something to do with using the $_GET variable?<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>I've thought of including the CSS in wp_head only while in customize.php, but I figure I'd ask your opinion first.<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>First, is the way I've set up css.php safe using the $_GET variable? Any downfalls there?<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>Second, is there any way I can get css.php and customize.php to play nice?<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>Thanks!<o:p></o:p></p><p class=MsoNormal>Tom<o:p></o:p></p></div></body></html>