http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Tue, 21 May 2013 22:15:27 +0000 http://themeshaper.com/forums/topic/wrapping-blog-title-038-blog-description-in-their-own-div#post-4073 Tue, 26 May 2009 08:42:36 +0000 snack 4073@http://themeshaper.com/forums/ <p>wow. good idea. </p> http://themeshaper.com/forums/topic/wrapping-blog-title-038-blog-description-in-their-own-div#post-4063 Mon, 25 May 2009 13:32:49 +0000 freedimensional 4063@http://themeshaper.com/forums/ <p>Thanks for your effort, but I've now come up with a far safer way that doesn't require a change to the header structure, and has the required effect:</p> <pre><code>#blog-title, #blog-description { background:#ffffff none repeat scroll 0 0; margin-right:715px; }</code></pre> <p>I think sometimes it's possible to overcomplicate matters once we get used to how flexible Thematic really is. A bit of lateral thinking and CSS are often the only thing we need.</p> <p>Check out the final effect at <a href="http://digitalcortex.net." rel="nofollow">http://digitalcortex.net.</a></p> <p>Tom </p> http://themeshaper.com/forums/topic/wrapping-blog-title-038-blog-description-in-their-own-div#post-4056 Sun, 24 May 2009 21:16:03 +0000 snack 4056@http://themeshaper.com/forums/ <p>tom, i think if it says <em>thematic_</em>blah(), it means it's one of the thematic hooks. which means it's prolly in the file hooks_filters.php, and you would modify it safely in your child theme's functions.php.</p> <p>but you should just stick that image in the background like i suggested above.</p> <p>the answer to the question you ask above (how do you modify the header) is:<br /> <pre><code>&lt;div id=&quot;header&quot;&gt; &lt;div id=&quot;new_div&quot;&gt; &lt;?php thematic_header() ?&gt; &lt;/div&gt; &lt;/div&gt; #new_div{ background: url(blah); }</code></pre> <p>but that's not the right way to go about it. you should modify the core templates as little as possible, and when you do, you should do so as safely as possible (ie, in a child theme if not in functions.php) </p> http://themeshaper.com/forums/topic/wrapping-blog-title-038-blog-description-in-their-own-div#post-4054 Sun, 24 May 2009 20:21:40 +0000 freedimensional 4054@http://themeshaper.com/forums/ <p>Thematic Power Blog is a near-perfect theme, and changing the markup as you suggest would risk affecting the way all of the various elements line up.</p> <p>I realise that I need to create a div at a certain point, but in looking at my child theme's header.php (Power Blog is a child theme) and indeed in the header.php in Thematic's core files, only the following relevant code is referred to:</p> <p><code>&lt;div id="header"&gt;<br /> &lt;?php thematic_header() ?&gt;<br /> &lt;/div&gt;</code></p> <p>How do I modify the the thematic_header to create my new div?<br /> I can't find the section in either my child theme or core functions.php.</p> <p>All thoughts welcome, thanks in advance,<br /> Tom </p> http://themeshaper.com/forums/topic/wrapping-blog-title-038-blog-description-in-their-own-div#post-4053 Sun, 24 May 2009 19:53:34 +0000 snack 4053@http://themeshaper.com/forums/ <p>why not put the image as a background of #header ?</p> <p>if you're really attached to changing the markup, i think you can just insert<br /> <pre><code>&lt;div id=&quot;new_div&quot;&gt;</code></pre> <p>and then later on<br /> <pre><code>&lt;/div&gt;</code></pre> <p>carefully in the right places in header.php (which you should first copy from thematic into your child theme). </p> http://themeshaper.com/forums/topic/wrapping-blog-title-038-blog-description-in-their-own-div#post-4051 Sun, 24 May 2009 19:26:28 +0000 freedimensional 4051@http://themeshaper.com/forums/ <p>Hi Snack,</p> <p>That's is the sort of styling I want to do, but moving the background image out of the branding div isn't something I'm comfortable with.</p> <p>Were the blog-title and blog-description in their own div I could style it without affecting the rest of the header structure.</p> <p>Where can I edit the functions called in thematic_header and add the new div?</p> <p>Tom </p> http://themeshaper.com/forums/topic/wrapping-blog-title-038-blog-description-in-their-own-div#post-4050 Sun, 24 May 2009 18:49:23 +0000 snack 4050@http://themeshaper.com/forums/ <p>have a look at this diagram of thematic css<br /> <a href="http://bluemandala.com/thematic/thematic-structure.html" rel="nofollow">http://bluemandala.com/thematic/thematic-structure.html</a></p> <p>i'm guessing you want something like this:</p> <p>#branding {<br /> background:#FFFFFF;<br /> padding: 10px 10px 10px 0;<br /> }</p> <p>though you might choose to give the bg to #blog_title / #blog_descrtiption instead... </p> http://themeshaper.com/forums/topic/wrapping-blog-title-038-blog-description-in-their-own-div#post-4044 Sun, 24 May 2009 15:26:43 +0000 freedimensional 4044@http://themeshaper.com/forums/ <p>Hello there,</p> <p>I'd like to replicate the effect I've created in my header image in Power Blog by using CSS.<br /> Currently, my header image actually has a white square as part of the image itself, because I couldn't work out how to do it any other way. It causes issues when people zoom in or out.</p> <p>I think the best way would be to create a div around blog-title and blog-description and style it from there. Can someone show me how, or suggest a better way? My site is <a href="http://digitalcortex.net" rel="nofollow">http://digitalcortex.net</a></p> <p>Tom </p>