http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Sat, 04 Feb 2012 04:09:25 +0000 http://themeshaper.com/forums/topic/full-screen-headerbodyfooter-image#post-24920 Mon, 16 Jan 2012 19:37:35 +0000 helgatheviking 24920@http://themeshaper.com/forums/ <p>sorry, don't follow you. can't you just put 1 large background on the body? or #wrapper? perhaps you could create a diagram or screenshot to better explain. </p> http://themeshaper.com/forums/topic/full-screen-headerbodyfooter-image#post-24916 Mon, 16 Jan 2012 04:20:20 +0000 crashprojects 24916@http://themeshaper.com/forums/ <p>I'm building on Thematic, and I'd like to use a background image for my entire site; header, body, and footer. I'd like to utilize all of the screen real estate, and not just the real estate specified in the thematic dimensions.</p> <p>Can anyone tell me:</p> <p>a: what dimensions should I use in the creation of the image?<br /> b: how do I go about implementing use of the image?</p> <p>Also, I'd settle for being able to use 3 separate images for header, body, and footer as long as they used up all the screen real estate and not just that weird center area that gets inhabited when I use a banner in place of the blog title. </p> <p>I hope I'm explaining this correctly. Thank you for reading. </p> http://themeshaper.com/forums/topic/sticky-footer-1#post-24806 Tue, 10 Jan 2012 23:23:39 +0000 helgatheviking 24806@http://themeshaper.com/forums/ <p>huh? the footer only needs to be made sticky for really short posts. if you are having problems w/ long posts then you've borked your HTML markup (not closing something) or you've messed up the default CSS somehow. without a link no one can help you more. </p> http://themeshaper.com/forums/topic/sticky-footer-1#post-24625 Wed, 04 Jan 2012 14:14:42 +0000 jez_01 24625@http://themeshaper.com/forums/ <p>hello.</p> <p>My site footer is not sticky to the bottom of my posts i.e my posts over-run my background if I publish something long.</p> <p>Has anyone got a remedy?</p> <p>Thanks</p> <p>Jez </p> http://themeshaper.com/forums/topic/footer-stuck-in-main-div#post-24217 Fri, 09 Dec 2011 15:42:33 +0000 jmp 24217@http://themeshaper.com/forums/ <p>never mind. sorted. </p> http://themeshaper.com/forums/topic/footer-stuck-in-main-div#post-24216 Fri, 09 Dec 2011 15:19:35 +0000 jmp 24216@http://themeshaper.com/forums/ <p>Hi, </p> <p>I'm trying to finish a Thematic child theme and have a problem I haven't been able to figure out. On the blog page of the site, the footer is stuck in the #main div, but only on the blog page. I'm using the Blog template for that page. I've tried adding extra closing div tags, but it doesn't seem to change anything. In fact, I've added all kinds of text to the template-page-blog, in all kinds of different places, and have commented out the entire loop, but nothing on the page changes. It's really strange.</p> <p>The page in references is: <a href="http://www.dlconsulting.com/blog" rel="nofollow">www.dlconsulting.com/blog</a></p> <p>thanks for taking a look. </p> http://themeshaper.com/forums/topic/sticky-footer/page/2#post-23871 Sat, 19 Nov 2011 23:33:19 +0000 bhomatude 23871@http://themeshaper.com/forums/ <p>I ended up using this solution:</p> <p><a href="http://themeshaper.com/forums/topic/thematic_close_wrapper-move-footer-out-of-wrapper-by-code#post-18881" rel="nofollow">http://themeshaper.com/forums/topic/thematic_close_wrapper-move-footer-out-of-wrapper-by-code#post-18881</a></p> <p>combined with this sticky footer css:</p> <p><a href="http://www.cssstickyfooter.com/using-sticky-footer-code.html" rel="nofollow">http://www.cssstickyfooter.com/using-sticky-footer-code.html</a></p> <p>So far so good! </p> http://themeshaper.com/forums/topic/sticky-footer/page/2#post-23870 Sat, 19 Nov 2011 21:34:58 +0000 bhomatude 23870@http://themeshaper.com/forums/ <p>Thanks for the reply, Helga... Yes I do want the footer to always be visible and always stuck to the bottom of the browser (even when dynamically resizing the browser)... And also allow for scrollable content above, if necessary. There are various jquery plugins that seem to do it that I think I'll have to look into. </p> http://themeshaper.com/forums/topic/sticky-footer/page/2#post-23869 Sat, 19 Nov 2011 19:34:47 +0000 helgatheviking 23869@http://themeshaper.com/forums/ <p>"If you resize the browser (safari/FF) the footer stays pinned to the bottom but you must now scroll to find it. Refreshing the browser, no matter what size it is, will place the footer at the bottom."</p> <p>the point of the sticky footer is that it is always at the bottom of the content and not floating in the middle of a short page. on a page with long enough content the content pushes the footer below the viewport anyway and it doesn't matter. the point <em>isn't</em> to always be fixed to the bottom of the viewport, which sounds like what you are after. in that case you do need position: absolute. </p> http://themeshaper.com/forums/topic/sticky-footer/page/2#post-23868 Sat, 19 Nov 2011 18:51:31 +0000 bhomatude 23868@http://themeshaper.com/forums/ <p>I'm still trying to find an elegant way to do this! Both Chris' and Helga's solutions work... BUT only when you first load the page. </p> <p>If you resize the browser (safari/FF) the footer stays pinned to the bottom but you must now scroll to find it. Refreshing the browser, no matter what size it is, will place the footer at the bottom.</p> <p>Any other ideas... So far, the only one that worked for me was just position:absolute but that broke in IE7 and it's not great because of the potential overlapping of elements. </p> http://themeshaper.com/forums/topic/move-post-footer-to-post-meta#post-23793 Sun, 13 Nov 2011 13:13:08 +0000 Sabra 23793@http://themeshaper.com/forums/ <p>Hi guys, I can't figure this out and the available topics don't work for me.</p> <p>I'm trying to move the post footer (category, comments etc.) inside the entry-meta div. I'm a php noob, so I'm sorry if this sounds really simple to some of you. :)</p> <p>Thanks,<br /> Sabra </p> http://themeshaper.com/forums/topic/adding-images-next-to-postfooter-elements#post-23664 Tue, 01 Nov 2011 17:40:28 +0000 simonafilote 23664@http://themeshaper.com/forums/ <p>Hey, you were right, I removed the dots and it worked! Thanks for helping me out :) </p> http://themeshaper.com/forums/topic/adding-images-next-to-postfooter-elements#post-23661 Tue, 01 Nov 2011 14:54:27 +0000 helgatheviking 23661@http://themeshaper.com/forums/ <p>simona,</p> <p>your code looks good, but make sure that the <em>path</em> to the file name is correct. </p> <p>if you've added this code to your theme's style.css and your images are in a folder called 'images' (in the root of your theme) then your path should actually be:</p> <pre><code>background: url(&quot;images/pencil1.png&quot;) no-repeat scroll 0 2px #FFFFFF;</code></pre> <p>the ../ means go UP one level from where you are (style.css) so no doubt it isn't finding the image folder. you can see that in firebug too usually as you'll get 404/not found errors. </p> http://themeshaper.com/forums/topic/adding-images-next-to-postfooter-elements#post-23660 Tue, 01 Nov 2011 14:07:26 +0000 simonafilote 23660@http://themeshaper.com/forums/ <p>Hi Helga</p> <p>Many thanks for your answer. In fact I had taken a look at the example site's CSS through Firebug, and what I found is the following:</p> <p>To add an image besides the tag links, I guess this is the code. I added it in my style.css and that created some space right before the tag-links in the postfooter where the small image should come, but the image itself doesn't appear...what am I missing? I double checked the image name to make sure it's right.</p> <p>#content .entry-utility .tag-links {<br /> background: url("../images/pencil6.png") no-repeat scroll 4px 1px #FFFFFF;<br /> padding: 0 8px 0 32px;<br /> }</p> <p>---------<br /> To add the image before the comment count, I copy/pasted this code in the style.css but there is no effect at the frontend...not even some space as in the first case.</p> <p>#content .entry-utility .comment-link {<br /> background: url("../images/pencil1.png") no-repeat scroll 0 2px #FFFFFF;<br /> padding: 0 11px 0 18px;<br /> }</p> <p>What do you think?</p> <p>Simona </p> http://themeshaper.com/forums/topic/adding-images-next-to-postfooter-elements#post-23657 Mon, 31 Oct 2011 15:28:12 +0000 helgatheviking 23657@http://themeshaper.com/forums/ <p>why don't you take <a href="http://getfirebug.com" rel="nofollow">http://getfirebug.com</a> or chrome's developer tools and examine what that site is doing? and then copy it? it is only a little CSS background image in conjunction with some left padding. </p> http://themeshaper.com/forums/topic/adding-images-next-to-postfooter-elements#post-23656 Mon, 31 Oct 2011 12:11:31 +0000 simonafilote 23656@http://themeshaper.com/forums/ <p>I've just started with WP and I'm a complete dummy with CSS and PHP but yet I'm keen to customise and style the blog theme as I wish... </p> <p>I've been searching for days for some solution to add a small speech bubble next to the comments count displayed in the postfooter of each post. Also, I'd like to add a graphic next to the other two elements displayed in the postfooter (post category and tags), something like it's being displayed on this blog: <a href="http://www.blago.net/baking/." rel="nofollow">http://www.blago.net/baking/.</a></p> <p>My blog is crumbsofjoy.co.cc</p> <p>I would really appreciate your help with this.</p> <p>Simona </p> http://themeshaper.com/forums/topic/sticky-footer/page/2#post-23435 Wed, 12 Oct 2011 02:45:04 +0000 Dominor Novus 23435@http://themeshaper.com/forums/ <p>Correction:<br /> The solution posted by Chris works exactly in FF.</p> <p>In Chrome it's about 10px off.<br /> IE is about 50px off.<br /> Safari is over 100px.</p> <p>Any ideas why this is happening? </p> http://themeshaper.com/forums/topic/sticky-footer/page/2#post-23434 Wed, 12 Oct 2011 02:23:31 +0000 Dominor Novus 23434@http://themeshaper.com/forums/ <p>Can anyone help me in EXACTLY aligning the footer. </p> <p>Both solutions provided in this thread result in the bottom 20px or so the footer being off the page. </p> http://themeshaper.com/forums/topic/subsidiary-not-showing-with-danish-translation#post-23204 Fri, 23 Sep 2011 15:31:05 +0000 torbs 23204@http://themeshaper.com/forums/ <p>Hi there,</p> <p>I'm running WP 3.2.1 and a childtheme based on Thematic latest version with Danish language files on both.</p> <p>For some reason the subsidiary widgets are not showing up AT ALL...</p> <p>First I thought it was one of the template files, but then no.</p> <p>I can see in the sidebare-extension.php that it is testing for 'true' if the sidebar is active, I don't know if that has anything to do with it, because the primary sidebar is showing up okay.</p> <p>I tested it with just very basic stuff in the function file and still the same, also I created a new blog from scratch on my server, but with no translation and it's working fine there, as it did on my desktop where I was developing in English.</p> <p>I also tried turning off most of the plugins that could cause some interference, still the same.</p> <p>I was hoping someone could help me out - please, I'm just about to let this site go live. </p> http://themeshaper.com/forums/topic/30-menu-display-in-footer#post-22561 Sun, 07 Aug 2011 22:21:52 +0000 logostar 22561@http://themeshaper.com/forums/ <p>Thanks Helga! I forgot all about the add_action function! </p> http://themeshaper.com/forums/topic/30-menu-display-in-footer#post-22559 Sun, 07 Aug 2011 20:14:34 +0000 helgatheviking 22559@http://themeshaper.com/forums/ <p>read #5:<br /> <a href="http://themeshaper.com/forums/topic/thematic-menus-demystified-1" rel="nofollow">http://themeshaper.com/forums/topic/thematic-menus-demystified-1</a></p> <p>then adapt to add the action to a different location</p> <p>visual of available hooks:</p> <p><a href="http://visualizing.thematic4you.com/" rel="nofollow">http://visualizing.thematic4you.com/</a> </p> http://themeshaper.com/forums/topic/30-menu-display-in-footer#post-22558 Sun, 07 Aug 2011 20:07:19 +0000 logostar 22558@http://themeshaper.com/forums/ <p>I've registered 3.0 menu (top-menu) and I went ahead and register one to display links for the footer.</p> <p>My question, how do I call the links to appear in the footer? </p> http://themeshaper.com/forums/topic/move-comments-to-the-above-the-footer-area#post-22306 Wed, 13 Jul 2011 20:00:22 +0000 middlesister 22306@http://themeshaper.com/forums/ <p>How are you adding the disqus div? Wouldn't it be a simple case of </p> <pre><code>function my_comments() { // write you disqus code here } add_action( &#39;thematic_abovefooter&#39; , &#39;my_comments&#39; );</code></pre> http://themeshaper.com/forums/topic/move-comments-to-the-above-the-footer-area#post-22302 Wed, 13 Jul 2011 16:30:36 +0000 Tom Kroscavage 22302@http://themeshaper.com/forums/ <p>I was able to move my comments to the above the footer area by pasting the Disqus universal script in a text widget, but that didn't do what I wanted. I still could not make the comments full width I tried changing the Z-index and changing overflow to visible. </p> <p>Any suggestions? </p> http://themeshaper.com/forums/topic/move-comments-to-the-above-the-footer-area#post-22265 Mon, 11 Jul 2011 06:57:58 +0000 Tom Kroscavage 22265@http://themeshaper.com/forums/ <p>How do I move comments to the thematic_abovefooter() area. I'm using Disqus and I'm trying to make the comment area full width. Here's a post with comments.</p> <p><a href="http://norman-okc.com/misc/poulan-chainsaw-carburetor-adjustment/" rel="nofollow">http://norman-okc.com/misc/poulan-chainsaw-carburetor-adjustment/</a> </p> http://themeshaper.com/forums/topic/sticky-footer/page/2#post-22181 Thu, 07 Jul 2011 02:36:54 +0000 helgatheviking 22181@http://themeshaper.com/forums/ <p>yeah? good to hear. also have i mentioned how much i really like your home page design? </p> http://themeshaper.com/forums/topic/sticky-footer/page/2#post-22180 Wed, 06 Jul 2011 21:19:08 +0000 4rederick 22180@http://themeshaper.com/forums/ <p>Worked great for me, Helga. Thank you.</p> <p><a href="http://www.josephfrederick.com" rel="nofollow">www.josephfrederick.com</a> </p> http://themeshaper.com/forums/topic/sticky-footer/page/2#post-22177 Wed, 06 Jul 2011 15:43:53 +0000 helgatheviking 22177@http://themeshaper.com/forums/ <p>thanks sergio for helping me test this! anyone else want to lend a hand. here's my latest version. seems to work for me, and almost works for sergio (though not in child themes apparently)</p> <pre><code>// KIA Sticky Footer function kia_sticky() { ?&gt; &lt;script type=&quot;text/javascript&quot;&gt; jQuery.noConflict(); jQuery(document).ready(function($){ $.getDocHeight = function(){ return Math.max( $(document).height(), $(window).height(), /* For opera: */ document.documentElement.clientHeight ); }; matchHeight(); function matchHeight() { //available height of window - #header and #footer var mainHeight = $.getDocHeight() - $(&quot;#header&quot;).outerHeight() - $(&quot;#leader&quot;).outerHeight() - $(&quot;#footer&quot;).outerHeight() - parseInt($(&quot;#footer&quot;).css(&quot;margin-top&quot;)) - 1 - parseInt($(&quot;#main&quot;).css(&quot;padding-top&quot;))- parseInt($(&quot;#main&quot;).css(&quot;padding-bottom&quot;)) - $(&quot;#wpadminbar&quot;).outerHeight() ; $(&#39;#main&#39;).css(&#39;min-height&#39;, mainHeight ); } $(window).resize(matchHeight); }); &lt;/script&gt; &lt;?php } add_action(&#39;wp_head&#39;, &#39;kia_sticky&#39;); // End KIA Sticky Footer</code></pre> <p>suggestions? </p> http://themeshaper.com/forums/topic/sticky-footer#post-22176 Wed, 06 Jul 2011 14:26:31 +0000 sergiovieira 22176@http://themeshaper.com/forums/ <p>@helgatheviking I think I missed your reply there, now it makes sense. :) </p> http://themeshaper.com/forums/topic/sticky-footer#post-22172 Wed, 06 Jul 2011 13:22:16 +0000 sergiovieira 22172@http://themeshaper.com/forums/ <p>This works for me:</p> <p>I removed all the reference to #leader which I believe was a bug:</p> <p>#header").outerHeight()*removed this* - jQuery("#leader").outerHeight() *removed this*- jQuery("#footer")</p> <p>changed the $ to jQuery</p> <p>// KIA Sticky Footer<br /> function kia_sticky() { ?&gt;<br /> &lt;script type="text/javascript"&gt;</p> <p> jQuery.noConflict();</p> <p> jQuery(document).ready(function(){<br /> matchHeight();<br /> function matchHeight() {</p> <p> //available height of window - #header and #footer<br /> var mainHeight = jQuery(document).height() - jQuery("#header").outerHeight() - jQuery("#footer").outerHeight() - parseInt(jQuery("#footer").css("margin-top")) - 1 - parseInt(jQuery("#main").css("padding-top"))- parseInt(jQuery("#main").css("padding-bottom"));</p> <p> //adjust for logged in viewers<br /> if(jQuery("#wpadminbar").length){<br /> mainHeight = mainHeight - parseInt(jQuery("#wpadminbar").outerHeight());<br /> }</p> <p> //height of actual #main content<br /> var mainReal = jQuery("#main").outerHeight(true);</p> <p> //height of actual $main content + padding<br /> var mainPadded = (mainReal + 1 + parseInt(jQuery("#main").css("padding-top")) + parseInt(jQuery("#main").css("padding-bottom")));</p> <p> //if #main is smaller than the available window space, beef up it's height<br /> if ( mainPadded &lt; mainHeight) {<br /> jQuery('#main').css('min-height',mainHeight);<br /> }<br /> }<br /> jQuery(window).resize(matchHeight);<br /> });</p> <p>&lt;/script&gt;</p> <p>&lt;?php<br /> }<br /> add_action('wp_head', 'kia_sticky');<br /> // End KIA Sticky Footer </p>