http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Mon, 20 May 2013 13:18:56 +0000 http://themeshaper.com/forums/topic/weirdness-with-background-colors#post-23723 Sun, 06 Nov 2011 19:11:10 +0000 optriro 23723@http://themeshaper.com/forums/ <p>Well, the stylesheet says #content has #FEF983 for background color, which is clearly a pale yellow, so you might want to check that first. The rest of the site has a white background as far as I can see.<br /> Don't know what could cause them to have different backgrounds if the stylesheets are in fact identical. </p> http://themeshaper.com/forums/topic/weirdness-with-background-colors#post-23717 Sat, 05 Nov 2011 22:56:06 +0000 crashprojects 23717@http://themeshaper.com/forums/ <p>Here's the url of the site I'm talking about:</p> <p><a href="http://stage.brazilstation.com." rel="nofollow">http://stage.brazilstation.com.</a></p> <p>I have this running locally and the entire background is white. This live version is yellow. The style sheets are identical.</p> <p>Any ideas? </p> <p>Thanks for reading. </p> http://themeshaper.com/forums/topic/equal-height-columns-with-thematic#post-23555 Fri, 21 Oct 2011 18:49:35 +0000 bluejpro 23555@http://themeshaper.com/forums/ <p>Oh my that was easier to solve than I thought.</p> <p>In my case using #secondary instead of #primary created equal height columns and allows a background image behind #page to extend all the way to the footer:</p> <pre><code>function my_scripts() { ?&gt; &lt;script type=&quot;text/javascript&quot;&gt; jQuery.noConflict(); function equalHeight(group) { tallest = 0; group.each(function() { thisHeight = jQuery(this).height(); if(thisHeight &gt; tallest) { tallest = thisHeight; } }); group.height(tallest); } jQuery(document).ready(function() { equalHeight(jQuery(&quot;#content,#secondary&quot;)); }); &lt;/script&gt; &lt;?php } add_action(&#39;wp_head&#39;,&#39;my_scripts&#39;);</code></pre> <p>This solves the problem of the background image looking cut off on pages where the sidebar is longer than the content area.</p> <p>Thank you Chris the Moderator and lindathep for posting this function.</p> <p>(it's awesome) </p> http://themeshaper.com/forums/topic/equal-height-columns-with-thematic#post-23552 Fri, 21 Oct 2011 17:56:40 +0000 bluejpro 23552@http://themeshaper.com/forums/ <p>Thanks for posting this </p> <p>I am desperately trying to get #content and #primary to have same height also. Not working in current Thematic - any help? </p> http://themeshaper.com/forums/topic/access-bar-backgroung-jumps-to-the-top-1-post#post-23404 Mon, 10 Oct 2011 01:59:39 +0000 oakview 23404@http://themeshaper.com/forums/ <p>You might try including an H1 tag inside the div and style the H1 tag uniquely in your CSS file so it doesn't jump around. Dunno if that will work, didn't try it. I would imagine you'll need to remove any clearing, margins, etc. and make the width fixed.</p> <p><code>&lt;div id=&quot;blog-description&quot;&gt;&lt;h1 id=&quot;my-description&quot;&gt;&lt;?php bloginfo(&#39;description&#39;) ?&gt;&lt;/h1&gt;&lt;/div&gt;</code> </p> http://themeshaper.com/forums/topic/access-bar-backgroung-jumps-to-the-top-1-post#post-23377 Fri, 07 Oct 2011 17:03:42 +0000 omarelmasry 23377@http://themeshaper.com/forums/ <p>Thank you oakview ... although that solution drops the SEO advantage, but it worked perfectly :) :) ... just some css afterwards and the page looks goooood :D </p> http://themeshaper.com/forums/topic/access-bar-backgroung-jumps-to-the-top-1-post#post-23346 Wed, 05 Oct 2011 02:42:54 +0000 oakview 23346@http://themeshaper.com/forums/ <p>I had a similar problem, but can't recall if it also involved the access bar, though I know it affected the blog description. I added the code below to my child theme function file and... problem solved. You might try this and see if it helps you, or at least sends you down the path to a solution.</p> <pre><code>//First, remove the existing blog decription function remove_blogdescription() { remove_action(&#39;thematic_header&#39;, &#39;thematic_blogdescription&#39;, 5); } add_action(&#39;init&#39;, &#39;remove_blogdescription&#39;); // Then, always wrap the blog description in a div function my_blogdescription() { ?&gt; &lt;div id=&quot;blog-description&quot;&gt;&lt;?php bloginfo(&#39;description&#39;) ?&gt;&lt;/div&gt; &lt;?php } add_action(&#39;thematic_header&#39;,&#39;my_blogdescription&#39;,5);</code></pre> http://themeshaper.com/forums/topic/access-bar-backgroung-jumps-to-the-top-1-post#post-23341 Tue, 04 Oct 2011 18:04:35 +0000 helgatheviking 23341@http://themeshaper.com/forums/ <p>do what scott suggests and get it live somewhere. we can probably fix it in a few minutes. </p> <p>sidenote- the 'weird' look you are seeing w/ blog description doesn't happen by default... so i'd look closely at the changes you have made and how you differ from the default layout. </p> http://themeshaper.com/forums/topic/access-bar-backgroung-jumps-to-the-top-1-post#post-23340 Tue, 04 Oct 2011 17:20:56 +0000 omarelmasry 23340@http://themeshaper.com/forums/ <p>@middlesister: yessss .. you're getting so close :</p> <p>after you mentioned the SEO thing, I tried adding a blog description to see what happens , I discovered that the blog description on pages other than the home converts to a div , and jumps to become beside the title :( ...</p> <p>I tried styling blog-description ... a bottom margin doesn't solve it ... and I tried styling it with display:block ... nothing happens (i guess it had that style in the first place ) ... </p> <p>I also tried removing the blog description using a function ... but that resulted that the home page, too, looks wacky like the others .... </p> <p>if you can, pleeeease help with the case that a blog description exists :).... any other ideas for it?? </p> http://themeshaper.com/forums/topic/access-bar-backgroung-jumps-to-the-top-1-post#post-23338 Tue, 04 Oct 2011 08:35:29 +0000 middlesister 23338@http://themeshaper.com/forums/ <p>This might have to do with a SEO feature of thematic. On the home page, your blog description is wrapped in a h1. But on all other pages it is a normal div and the h1 is the page title of the content. This is for search engine reasons since they give extra weight to the headings and there can only be one h1 element in a html4/xhtml1 document.</p> <p>Of you haven't styled #blog-description specifically, then the extra bottom margin on h1 elements will disappear on all other pages since the h1 is now a div. I don't see a blog description in your picture, but if you haven't removed it through functions.php but used display:none to hide it, then I suspect this is the issue. Try giving #blog-description a bottom margin. </p> http://themeshaper.com/forums/topic/access-bar-backgroung-jumps-to-the-top-1-post#post-23332 Mon, 03 Oct 2011 23:41:01 +0000 omarelmasry 23332@http://themeshaper.com/forums/ <p>this is my first website ... i am working on localhost ... i am not familiar with hosting yet :( ...<br /> BUT ... why does the style alter on other pages although they are reading the same style sheet??? </p> http://themeshaper.com/forums/topic/access-bar-backgroung-jumps-to-the-top-1-post#post-23328 Mon, 03 Oct 2011 21:16:09 +0000 ScottNix 23328@http://themeshaper.com/forums/ <p>CSS like this is hard to troubleshoot without a live link. It looks like a clearing or float issue, but it is pretty much impossible to help with just images. If you have a link or temporary place to set it up, that would help a ton in getting someone to take a closer look. </p> http://themeshaper.com/forums/topic/access-bar-backgroung-jumps-to-the-top-1-post#post-23320 Mon, 03 Oct 2011 08:31:28 +0000 omarelmasry 23320@http://themeshaper.com/forums/ <p>I am using the thematic theme for my website ... I have designed the header, and it looks good on the home page as in this figure<br /> <a href="http://imageshack.us/photo/my-images/714/homekw.png/" rel="nofollow">http://imageshack.us/photo/my-images/714/homekw.png/</a></p> <p>... BUT on all pages other than the home, the background of the #access bar jumps to the top like that , and covers the title :(<br /> <a href="http://imageshack.us/photo/my-images/14/otherq.png/" rel="nofollow">http://imageshack.us/photo/my-images/14/otherq.png/</a></p> <p>although I am using the style sheet which is seen by all pages equally ...</p> <p>Why is that happening??? </p> http://themeshaper.com/forums/topic/gaps-in-sidebar-and-content#post-22721 Tue, 16 Aug 2011 23:39:31 +0000 craw 22721@http://themeshaper.com/forums/ <p>Thanks Scott and Helga! I'll give this a shot! </p> http://themeshaper.com/forums/topic/gaps-in-sidebar-and-content#post-22711 Tue, 16 Aug 2011 12:59:48 +0000 helgatheviking 22711@http://themeshaper.com/forums/ <p>idk if this is no longer needed in light of scott's link, but i add</p> <pre><code>/* =new Clearfix <a href="http://www.perishablepress.com" rel="nofollow">http://www.perishablepress.com</a> -------------------------------------------------------------- */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: &quot; &quot;; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */</code></pre> <p>to every theme i build. and add class="clearfix" to any element container floats. </p> http://themeshaper.com/forums/topic/gaps-in-sidebar-and-content#post-22706 Tue, 16 Aug 2011 04:13:08 +0000 ScottNix 22706@http://themeshaper.com/forums/ <p>It is just a clearing issue.</p> <p>Add to your CSS..<br /> <pre><code>#main { overflow: hidden; }</code></pre> <p>For more info just visit <a href="http://css-tricks.com/2833-the-css-overflow-property/" rel="nofollow">http://css-tricks.com/2833-the-css-overflow-property/</a> and scroll down to "Float Clearing". </p> http://themeshaper.com/forums/topic/gaps-in-sidebar-and-content#post-22703 Mon, 15 Aug 2011 18:40:01 +0000 craw 22703@http://themeshaper.com/forums/ <p>I'm building a child theme and I have an issue I can seem to resolve.</p> <p>When I have a sidebar with content longer than the "content" area, there is a gap in background color for the content area.</p> <p>Same goes if I have my sidebar in place and the content is longer than the sidebar- gap in background color.</p> <p>Here is a page that is a good example <a href="http://bit.ly/n720ut" rel="nofollow">http://bit.ly/n720ut</a></p> <p>Thanks for any help! </p> http://themeshaper.com/forums/topic/different-backgrounds-on-post/page/2#post-22642 Thu, 11 Aug 2011 20:25:28 +0000 daveread 22642@http://themeshaper.com/forums/ <p>Thanks - will do (in a few hours)... </p> http://themeshaper.com/forums/topic/different-backgrounds-on-post/page/2#post-22641 Thu, 11 Aug 2011 20:22:03 +0000 helgatheviking 22641@http://themeshaper.com/forums/ <p>sounds like you are asking for something different. try starting a new thread. include what you want to do differently, what you've tried and the results you get versus the results you would like. </p> http://themeshaper.com/forums/topic/different-backgrounds-on-post/page/2#post-22640 Thu, 11 Aug 2011 20:02:46 +0000 daveread 22640@http://themeshaper.com/forums/ <p>Instead of setting body background via css, and using body classes to show various backgrounds, it could be done via childtheme function? If so, could you show an example of such a function? Thank you helgatheviking. </p> http://themeshaper.com/forums/topic/different-backgrounds-on-post/page/2#post-22639 Thu, 11 Aug 2011 19:50:52 +0000 helgatheviking 22639@http://themeshaper.com/forums/ <p>where the function has an image you'd wrap it in a link </p> http://themeshaper.com/forums/topic/different-backgrounds-on-post/page/2#post-22635 Thu, 11 Aug 2011 17:39:56 +0000 daveread 22635@http://themeshaper.com/forums/ <p>Would there be a function for making the background image clickable? </p> http://themeshaper.com/forums/topic/background-attachment-fixed-doesnt-fix-in-menu-etc#post-21454 Tue, 24 May 2011 22:23:16 +0000 knowlsy 21454@http://themeshaper.com/forums/ <p>not quite sure why I didn't think of a semi-transparent .png before now... *feels silly*</p> <p>THANKS! </p> http://themeshaper.com/forums/topic/background-attachment-fixed-doesnt-fix-in-menu-etc#post-21453 Tue, 24 May 2011 14:10:04 +0000 joperron 21453@http://themeshaper.com/forums/ <p>I suggest something like what helgatheviking said:</p> <pre><code>sf-menu li a { background: url(images/white-50-trans.png); } sf-menu li a:hover { background: url(images/black-50-trans.png); }</code></pre> http://themeshaper.com/forums/topic/background-attachment-fixed-doesnt-fix-in-menu-etc#post-21443 Tue, 24 May 2011 00:54:29 +0000 helgatheviking 21443@http://themeshaper.com/forums/ <p>i don't follow. try to get an example up somewhere. even if it is at </p> <p><a href="http://jsfiddle.net/" rel="nofollow">http://jsfiddle.net/</a></p> <p>what about putting using a semi-transparent white png image as your background where you want this effect. then it doesn't have to line up w/ the body background </p> http://themeshaper.com/forums/topic/background-attachment-fixed-doesnt-fix-in-menu-etc#post-21441 Mon, 23 May 2011 22:29:28 +0000 knowlsy 21441@http://themeshaper.com/forums/ <p>Hi Vicky,</p> <p>Just to clarify, I don't want it to move, but it does. If I remove that then (if i remember correctly) it does not fix the image within the screen (so for example if i wanted it as the background for my menu tabs, it will for each menu tab have the top left corner of the large image. if i use that line it does keep it fixed, so I get the corresponding part of the image in each tab of my menu, but when i scroll the corresponding image scrolls with me. I want it to stay still like the background!)</p> <p>Sorry, it isn't particularly clear without an example to show you... I'll see what I can do...</p> <p>Part of the reason why I'm confused is because fixed is the only option that gets me close to what I want, but it doesn't actually 'fix' what I thought it would 'fix'.</p> <p>Thanks anyway</p> <p>Chris </p> http://themeshaper.com/forums/topic/background-attachment-fixed-doesnt-fix-in-menu-etc#post-21434 Mon, 23 May 2011 17:37:58 +0000 vicky515 21434@http://themeshaper.com/forums/ <p>Sorry if I misunderstand but, if you want the image to scroll with the text, why not remove background-attachment:fixed? That CSS property means it is "fixed" in that location of the screen, even if you scroll. </p> http://themeshaper.com/forums/topic/background-attachment-fixed-doesnt-fix-in-menu-etc#post-21410 Sat, 21 May 2011 17:21:00 +0000 knowlsy 21410@http://themeshaper.com/forums/ <p>Hello everyone,</p> <p>I'm trying out some new designs for my site, I'm after having a semi-transparent effect so that it appears as if my container/widget areas/menu have about 50 opacity. I might not be explaining it very well, but basically I'm after something similar to this site <a href="http://vbrant.eu/content/creative-commons-non-commercial-licences" rel="nofollow">http://vbrant.eu/content/creative-commons-non-commercial-licences</a></p> <p>What I've tried to do is use two separate images, the normal background and one which is the same as the background except lighter so that it looks as if it's at about 50 opacity. I then want to use the second image as the background in various different parts of the site, like my menu's/container etc.</p> <p>This is the code I've got so far</p> <pre><code>background-attachment: fixed; background-image: url(&quot;images/backgroundb.jpg&quot;); background-position: 50% 0; background-repeat:no-repeat;</code></pre> <p>If you don't scroll down it looks exactly right. The problem comes when i scroll down. Even though i'm using 'background-attachment: fixed;' the image stays with me as i scroll down, and my background image is fixed, so they then no longer match (and it looks very silly!)</p> <p>I'm afraid I'm working on this on my wamp server, the only webspace I have at the moment is being used for the website with the old design so I can't give you a link to show the problems.</p> <p>Does anyone have any idea what I can do to stop it scrolling?</p> <p>Thanks in advance!</p> <p>Chris </p> http://themeshaper.com/forums/topic/different-backgrounds-on-post/page/2#post-21129 Sun, 08 May 2011 08:11:30 +0000 soren 21129@http://themeshaper.com/forums/ <p>I got it!</p> <p>By using:<br /> function kwight_add_background_letter($content) {<br /> if(is_single() || is_home()) {</p> <p>....... </p> http://themeshaper.com/forums/topic/different-backgrounds-on-post/page/2#post-21128 Sun, 08 May 2011 07:51:11 +0000 soren 21128@http://themeshaper.com/forums/ <p>Hello!</p> <p>Is there a way to get background into the blog pages as well?<br /> Now the background only shows on the single post but not on the blog page!</p> <p>if ( is_single() )... and I need something like (is_blog)...</p> <p>Thanks </p>