http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Thu, 20 Jun 2013 03:32:38 +0000 http://themeshaper.com/forums/topic/predicting-css-cascading-in-child-themes#post-10659 Thu, 11 Mar 2010 08:08:22 +0000 Devin 10659@http://themeshaper.com/forums/ <p>One of the beautiful things about Thematic is the dynamic body classes. If you only want a style change on the home page, you can easily target purely through the stylesheet.</p> <p>You can read this post I wrote <a href="http://wordpresstheming.com/2009/12/dynamic-body-classes-wordpress-styling/">http://wordpresstheming.com/2009/12/dynamic-body-classes-wordpress-styling/</a></p> <p>Basically, if you want to change an item in the footer of the home page, but not any other page, you css should look like this:</p> <pre><code>body.home #footer h3 { color: #FFEF33; margin-bottom: 8px; font-style: normal; }</code></pre> <p>The text is a different matter. If the home page is vastly different in terms of layout, you should probably create a new template called home.php and put your changes in there.</p> <p>If it's just in the footer, you should just copy footer.php into your child theme directory and use conditional statements.</p> <pre><code>&lt;div id=&quot;footer&quot;&gt; &lt;?php get_sidebar(&#39;subsidiary&#39;); ?&gt; &lt;div id=&quot;siteinfo&quot;&gt; &lt;php if (is_home() || is_front_page()) {?&gt; &lt;p&gt;Here is home footer text.&lt;/p&gt; &lt;?php } else { ?&gt; &lt;p&gt;Here is footer text on rest of site.&lt;/p&gt; &lt;?php } ?&gt; &lt;/div&gt;&lt;!-- #siteinfo --&gt; &lt;/div&gt;&lt;!-- #footer --&gt;</code></pre> http://themeshaper.com/forums/topic/predicting-css-cascading-in-child-themes#post-10594 Tue, 09 Mar 2010 15:21:00 +0000 illustrata 10594@http://themeshaper.com/forums/ <p>Hi, I am not at all experienced in all this...but am attempting to both create a child theme, and a unique home page. For the child theme I have given the footer a background color, but when I tried to modify just the text in the footer using #footer etc., the text in the rest of the divs seems to get modified as well - at least the "a" and "p" selectors.</p> <p>For example, these modifications end up everywhere:</p> <p>#footer li, p {<br /> color: #AEAEAE;<br /> font-size: .9em;<br /> }<br /> #footer a:link, a:visited, a:active, a:hover {<br /> text-decoration: none;<br /> color: #AAAC60;<br /> }</p> <p>While this stays in the footer, as I hoped it would:</p> <p>#footer h3 {<br /> color: #FFEF33;<br /> margin-bottom: 8px;<br /> font-style: normal;<br /> }</p> <p>For the unique front page, is the best procedure to create a new page.php with a unique name from the exisiting one, put it in the child theme folder and start modifying? Is the a way to link to its own style sheet (once I figure out how to make one)?</p> <p>I would very much like to get better at this; I hope to with your help. :) </p>