http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Mon, 20 May 2013 05:40:33 +0000 http://themeshaper.com/forums/topic/text-in-content-getting-chopped-off#post-21235 Wed, 11 May 2011 20:07:03 +0000 jamis 21235@http://themeshaper.com/forums/ <p>Figured it out after a lot of trial and error. If width of #content is reduced, .hentry must also be reduced to the same number. This is all the code that was needed:</p> <pre><code>#content, .hentry { width: 585px; }</code></pre> http://themeshaper.com/forums/topic/text-in-content-getting-chopped-off#post-21205 Tue, 10 May 2011 15:51:40 +0000 jamis 21205@http://themeshaper.com/forums/ <p>I've created a child theme based on 2-c-l-fixed.css</p> <p>I want to run a red, vertical rule down the right side of #main, and I want to keep the text in #content from running into the rule. I've tried:</p> <p>#content {<br /> margin-right: 20px;<br /> }</p> <p>and </p> <p>#content {<br /> padding-right: 20px;<br /> }</p> <p>Neither does anything to reduce the width of #content.</p> <p>I've tried reducing the width of #content from the 620px width in 2-c-l-fixed.css:</p> <p>#content {<br /> border: 1px dashed red;<br /> background-color: #ff9;<br /> width: 580px;<br /> }</p> <p>. . . and the text gets cut off.</p> <p>2-c-l-fixed.css has this declaration:</p> <p>#content {<br /> overflow: hidden;<br /> }</p> <p>So I tried changing it to "overflow: visible"</p> <p>#content {<br /> border: 1px dashed red;<br /> background-color: #ff9;<br /> width: 580px;<br /> overflow: visible;<br /> }</p> <p>. . . and the text in #content runs all the way to my red, vertical rule.</p> <p>I've also tried changing the width and placement of #container, but couldn't find a solution. </p> <p>Does anyone have a clue what I can do to put some space to the left of the red, vertical rule?</p> <p>My child theme is not live yet, but I have posted a <a href="http://specialtybikeexpo.com/img/issues_with_content.png">screenshot with annotation.</a></p> <p>Thanks for the help! </p> http://themeshaper.com/forums/topic/submenu-hidden#post-18525 Thu, 20 Jan 2011 11:58:06 +0000 him 18525@http://themeshaper.com/forums/ <p>well... though I solved it with:</p> <p>header - z-index:9999; overflow:visible;</p> <p>But I guess its something to do with Wordpress, because I have another child-theme working fine in 3.0.1 but in 3.0.3 I faced the same problem. </p> http://themeshaper.com/forums/topic/sub-pages-not-showing-in-main-navigation#post-18152 Thu, 06 Jan 2011 11:24:48 +0000 mirko77 18152@http://themeshaper.com/forums/ <p>I solved it removing all the "overflow:hidden" CSS properties in the default.css file </p> http://themeshaper.com/forums/topic/submenu-hidden#post-18022 Fri, 31 Dec 2010 08:58:59 +0000 beanfair 18022@http://themeshaper.com/forums/ <p>I found the problem but not the cause of the problem. The stylesheet is not cascading properly on the internal pages. The original style.css was overwriting the new child stylesheet but and giving the following values to<br /> <pre><code>#access { position:relative; overflow:hidden;</code></pre> <p>It is bad form but until I figure out why it isn't cascading properly, I removed the access rule in the parent css.<br /> Now it works fine with the following code<br /> <pre><code>#access { border-bottom:none; height:32px; font-size:13px; overflow:visible; z-index:100; }</code></pre> http://themeshaper.com/forums/topic/submenu-hidden#post-18021 Fri, 31 Dec 2010 08:12:39 +0000 beanfair 18021@http://themeshaper.com/forums/ <p>Thanks for responding Helga.</p> <p>It wasn't working when it was set to 3000. I had changed it to 99 when I copied some sample code trying to fix the issue. Just for giggles I switched it back to 3000 and it still isn't working. </p> <p>I am really baffled. </p> http://themeshaper.com/forums/topic/submenu-hidden#post-18009 Fri, 31 Dec 2010 01:11:38 +0000 helgatheviking 18009@http://themeshaper.com/forums/ <p>i think it is in your newstyles.css</p> <pre><code>.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; /*3000; */ }</code></pre> <p>the z-index is too low... something else is higher. switch it back to the 3000 that was commented out and see what happens. </p> http://themeshaper.com/forums/topic/submenu-hidden#post-18007 Thu, 30 Dec 2010 22:29:54 +0000 beanfair 18007@http://themeshaper.com/forums/ <p>I have been struggling with the sub-menus staying hidden on all of my internal pages. I have read and re-read the excellent post on menus dymsytified but I am still stymied. I have swapped out the default css code from thematic into my child theme and it still doesn't work. If I switch the entire theme to Thematic my sub-menus do appear so I am thinking it is CSS or code outside of the .sf_menu styles that are causing my problem but I can't find it.</p> <p>This is how it should work on all pages <a href="http://wineworldwarehouse.com/test/" rel="nofollow">http://wineworldwarehouse.com/test/</a><br /> This is an example of an internal page that does NOT work <a href="http://wineworldwarehouse.com/test/?page_id=55" rel="nofollow">http://wineworldwarehouse.com/test/?page_id=55</a></p> <p>Any assistance would be greatly appreciated. It is probably some little thing that my old eyes are missing, but boy are they missing it! </p> http://themeshaper.com/forums/topic/submenu-hidden#post-17969 Wed, 29 Dec 2010 02:31:15 +0000 beanfair 17969@http://themeshaper.com/forums/ <p>My menu is not showing the submenus on some pages of my site <a href="http://wineworldwarehouse.com/test/?page_id=53." rel="nofollow">http://wineworldwarehouse.com/test/?page_id=53.</a><br /> In Firebug it is showing the sub-menu class as greyed out. It also shows display: none; visibility: hidden; But on other pages the ul sub-menu class is working properly. </p> <p>I am scratching my head on this one. Suggestions? </p> http://themeshaper.com/forums/topic/sub-pages-not-showing-in-main-navigation#post-17818 Fri, 17 Dec 2010 14:52:09 +0000 mirko77 17818@http://themeshaper.com/forums/ <p>I tested the basic Thematic theme and the drop down menu works like a charm.</p> <p>It does not work on my child theme though. </p> http://themeshaper.com/forums/topic/sub-pages-not-showing-in-main-navigation#post-17803 Thu, 16 Dec 2010 10:58:55 +0000 mirko77 17803@http://themeshaper.com/forums/ <p>I added some child pages but they are not showing in the main navigation menu. They are correctly shown in my page list widget though. </p> <p>I had a look at the markup and there are two inline css properties "overflow:hidden" and "display:none" on all the "ul" tags created to contain the links to those pages.</p> <p>Is this normal behaviour? Are there any settings I need to tweak? </p> http://themeshaper.com/forums/topic/styling-index-page-differently-from-post-page#post-17363 Wed, 01 Dec 2010 00:06:16 +0000 jameskyle 17363@http://themeshaper.com/forums/ <p>Since my subsequent question is different from that posted originally I'll just mark this as resolved. If I have any future problems I'll start a new thread. Seems like the right thing to do. </p> http://themeshaper.com/forums/topic/styling-index-page-differently-from-post-page#post-17330 Mon, 29 Nov 2010 15:19:11 +0000 jameskyle 17330@http://themeshaper.com/forums/ <p>Okay, here's how far I am with what I'm trying to do.</p> <p>I've added the following CSS:<br /> <code><br /> /* My edits */</p> <p>#content {<br /> background-color:#00FF00;<br /> width: 620px;<br /> }</p> <p>/* Make every instance of posts into a little box */<br /> .hentry {<br /> width: 300px;<br /> margin-right: 10px;<br /> margin-bottom: 10px;<br /> float: left;<br /> background-color:#9933FF;<br /> height: 300px;<br /> padding: 0px 0px 0px 0px;<br /> }</p> <p>.entry-title {<br /> width: 300px;<br /> background-color:#999999;<br /> }</p> <p>.entry-content {<br /> visibility:hidden;<br /> }</p> <p>.entry-utility {<br /> visibility:hidden;<br /> }</p> <p>.entry-meta {<br /> visibility:hidden;<br /> }</p> <p>/*Special case for single posts pages */</p> <p>.single #content {<br /> width: auto;<br /> }</p> <p>.single .hentry {<br /> width: auto;<br /> margin 0px 0px 0px 0px;<br /> float: none;<br /> background-color:#FFCC99;<br /> height:auto;<br /> padding: 5px 5px 5px 5px;<br /> margin: 0px 0px 0px 0px;<br /> }</p> <p>.single .entry-title {<br /> width:auto;<br /> background-color:transparent;<br /> }</p> <p>.single .entry-content {<br /> visibility:visible;<br /> }</p> <p>.single .entry-utility {<br /> visibility:visible;<br /> }</p> <p>.single .entry-meta {<br /> visibility:visible;<br /> }</p> <p>/* Basic unordered post )page) with exceptions */<br /> .page-template-template-fullpage-php .hentry {<br /> width: auto;<br /> margin 0px 0px 0px 0px;<br /> float: none;<br /> background-color:#FFCC99;<br /> height:auto;<br /> padding: 5px 5px 5px 5px;<br /> margin: 0px 0px 0px 0px;<br /> }</p> <p>.page-template-template-fullpage-php .entry-title {<br /> width:auto;<br /> background-color:transparent;<br /> }</p> <p>.page-template-template-fullpage-php .entry-content {<br /> visibility:visible;<br /> }</p> <p>.page-template-template-fullpage-php .entry-utility {<br /> visibility:visible;<br /> }</p> <p>.page-template-template-fullpage-php .entry-meta {<br /> visibility:visible;<br /> }</p> <p>/* Full page width template exceptions */<br /> .page .hentry {<br /> width: auto;<br /> margin 0px 0px 0px 0px;<br /> float: none;<br /> background-color:#FFCC99;<br /> height:auto;<br /> padding: 5px 5px 5px 5px;<br /> margin: 0px 0px 0px 0px;<br /> }</p> <p>.page .entry-title {<br /> width:auto;<br /> background-color:transparent;<br /> }</p> <p>.page .entry-content {<br /> visibility:visible;<br /> }</p> <p>.page .entry-utility {<br /> visibility:visible;<br /> }</p> <p>.page .entry-meta {<br /> visibility:visible;<br /> }<br /> </code></p> <p>Now I just need to make the .hentry areas of all but those posts with exceptions (listed in the CSS above) have either a background image that's the post's featured image. </p> http://themeshaper.com/forums/topic/styling-index-page-differently-from-post-page#post-17328 Mon, 29 Nov 2010 12:09:21 +0000 jameskyle 17328@http://themeshaper.com/forums/ <p>In retrospect it seems I'd be better styling the posts page individually rather than the index, since this way posts would be normal when viewed but be in the 300px squares I want in every other page (archives, search, category views, etc.) I'll make those changes, but if anyone can help with making all but the single post page .hentry div background that of the featured image I'd appreciate it. </p> http://themeshaper.com/forums/topic/styling-index-page-differently-from-post-page#post-17316 Sun, 28 Nov 2010 13:20:20 +0000 jameskyle 17316@http://themeshaper.com/forums/ <p>That worked out great, exactly what I was looking for. I'm not sure but I don't think I could use CSS to make the background image for the content divs on the index page the featured image of the post it represents, as that'd need to be some kind of background-image=featured-image statement. Does anyone know a function that'd do this?</p> <p>Once I have this sorted then it's just a matter of messing about with the layout and typography, I'll hassle the forum no more. :) </p> http://themeshaper.com/forums/topic/styling-index-page-differently-from-post-page#post-17256 Wed, 24 Nov 2010 14:29:23 +0000 Jonny Janiero 17256@http://themeshaper.com/forums/ <p>ideally, you would create this via functions, templates.<br /> if you are not confident with such... and want to hide the elements using css...<br /> you need to take advantage of the dynamic css classes</p> <p>for example ...<br /> <pre><code>body.home .hentry { width: 260px; float: left; height: 270px; padding: 5px 5px 5px 5px; } body.home .entry-content { visibility:hidden; } body.home .entry-utility { visibility:hidden; } body.home .entry-meta { visibility:hidden; }</code></pre> <p>the class body class 'home' relates to elements on your home page.<br /> some others,<br /> body.single (single post)<br /> body.category (category page)<br /> there are many, if you look in the extensions in thematic it shows all the dynamic classes created. you can also see them using firebug for firefox.</p> <p>it is better to remove things rather than hiding them on a page, but as i said, if this is something you feel you cannot do, use the classes.<br /> theres plenty of resources and forum posts on how do pretty much anything with thematic. brew a coffee and get reading.</p> <p>hope this helps </p> http://themeshaper.com/forums/topic/styling-index-page-differently-from-post-page#post-17255 Wed, 24 Nov 2010 12:37:29 +0000 jameskyle 17255@http://themeshaper.com/forums/ <p>I'm trying to create a photo blog where only the post title is shown on the main page, with the background image on each post relevant to the post content. Here's my edits to the default thematic styling so far...</p> <p><code><br /> #content {<br /> }</p> <p>.hentry {<br /> width: 260px;<br /> float: left;<br /> height: 270px;<br /> padding: 5px 5px 5px 5px;<br /> }</p> <p>.entry-content {<br /> visibility:hidden;<br /> }</p> <p>.entry-utility {<br /> visibility:hidden;<br /> }</p> <p>.entry-meta {<br /> visibility:hidden;<br /> }<br /> </code></p> <p>This removes all but the post title from the post and sets it into two columns. When I click on one of them however, the styling carries over. Can I set it in the CSS so that the meta, content and utility areas are only hidden in the index page or is there another way to do this? </p>