http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Sat, 04 Feb 2012 03:49:16 +0000 http://themeshaper.com/forums/topic/can-i-change-the-width-of-the-menu-to-line-up-with-the-end-of-my-headercontent#post-25129 Tue, 31 Jan 2012 13:24:29 +0000 crashprojects 25129@http://themeshaper.com/forums/ <p>Helga, you're awesome! I could kick myself right now; I knew it was going to be something easy I should have thought of myself! FYI I learned everything I needed to know to style the menu in the first place from your thematic menus demystified post. I have it bookmarked and refer to it all the time! Thanks for everything! </p> <p>Scott, thanks for the reply. I actually tried that yesterday and it didn't work. The menu was still cut off at the end. </p> http://themeshaper.com/forums/topic/can-i-change-the-width-of-the-menu-to-line-up-with-the-end-of-my-headercontent#post-25120 Tue, 31 Jan 2012 08:53:30 +0000 proto 25120@http://themeshaper.com/forums/ <p>Haha!</p> <p>Helgatheviking and ScottNix you are brilliant, good work! </p> http://themeshaper.com/forums/topic/can-i-change-the-width-of-the-menu-to-line-up-with-the-end-of-my-headercontent#post-25114 Tue, 31 Jan 2012 03:01:30 +0000 ScottNix 25114@http://themeshaper.com/forums/ <p>I am too slow :( </p> http://themeshaper.com/forums/topic/can-i-change-the-width-of-the-menu-to-line-up-with-the-end-of-my-headercontent#post-25113 Tue, 31 Jan 2012 03:01:09 +0000 ScottNix 25113@http://themeshaper.com/forums/ <p>The easy way to fix this would be to add to the #access instead of .menu.</p> <pre><code>#access { width: 940px; margin: 0 auto; }</code></pre> http://themeshaper.com/forums/topic/can-i-change-the-width-of-the-menu-to-line-up-with-the-end-of-my-headercontent#post-25112 Tue, 31 Jan 2012 02:55:53 +0000 helgatheviking 25112@http://themeshaper.com/forums/ <p>why don't you assign the background color to the UL element then instead of to the individual links?</p> <pre><code>.sf-menu { width: 100% background: #D6DFFF; }</code></pre> http://themeshaper.com/forums/topic/can-i-change-the-width-of-the-menu-to-line-up-with-the-end-of-my-headercontent#post-25110 Tue, 31 Jan 2012 02:40:40 +0000 crashprojects 25110@http://themeshaper.com/forums/ <p>Sorry, the link I have up keeps changing bc I'm working with it right now so I'm sure if you went to it it was confusing.</p> <p>Here's a link to a screenshot I took of the issue. The issue I'm talking about is pointed out in red. </p> <p><a href="http://crashprojects.com/menu" rel="nofollow">http://crashprojects.com/menu</a></p> <p>Thanks. </p> http://themeshaper.com/forums/topic/can-i-change-the-width-of-the-menu-to-line-up-with-the-end-of-my-headercontent#post-25107 Tue, 31 Jan 2012 00:48:40 +0000 helgatheviking 25107@http://themeshaper.com/forums/ <p>ok, well that's good. you'd be surprised at the number of people who try to solve CSS issues w/o it.</p> <p>i didn't and still don't understand what you want to line up with what. maybe explain again or sometimes i pic is worth a thousand words. </p> http://themeshaper.com/forums/topic/can-i-change-the-width-of-the-menu-to-line-up-with-the-end-of-my-headercontent#post-25106 Mon, 30 Jan 2012 23:51:50 +0000 crashprojects 25106@http://themeshaper.com/forums/ <p>I do use firebug. I know what the elements are and where they are. I understand that the menu expands to accomodate it's content. I just don't know how to make that menu extend further than that so that everything lines up. I changed the colors back at:</p> <p><a href="http://samh.crashprojects.com" rel="nofollow">http://samh.crashprojects.com</a> </p> <p>to illustrate what's happening. </p> http://themeshaper.com/forums/topic/can-i-change-the-width-of-the-menu-to-line-up-with-the-end-of-my-headercontent#post-25101 Mon, 30 Jan 2012 22:46:41 +0000 helgatheviking 25101@http://themeshaper.com/forums/ <p>??</p> <p>use <a href="http://getfirebug.com" rel="nofollow">http://getfirebug.com</a> to solve almost all css problems </p> http://themeshaper.com/forums/topic/can-i-change-the-width-of-the-menu-to-line-up-with-the-end-of-my-headercontent#post-25098 Mon, 30 Jan 2012 21:29:49 +0000 crashprojects 25098@http://themeshaper.com/forums/ <p>See here: </p> <p><a href="http://samh.crashprojects.com" rel="nofollow">http://samh.crashprojects.com</a></p> <p>Driving me nuts! </p> http://themeshaper.com/forums/topic/useful-tools/page/2#post-25068 Sun, 29 Jan 2012 11:21:13 +0000 NewFever 25068@http://themeshaper.com/forums/ <p>Another very usefull tool I recently discoverd for testing on mutiple-browsers...</p> <p><a href="https://browserlab.adobe.com/en-us/index.html" rel="nofollow">https://browserlab.adobe.com/en-us/index.html</a></p> <p>(Requires an Adobe ID) </p> 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/firefox-css-problem-onclick-menu#post-24864 Fri, 13 Jan 2012 15:56:24 +0000 ScottNix 24864@http://themeshaper.com/forums/ <p>"POSTED 1 SECOND AGO"</p> <p>Odd it didn't load for you, the culprit is this little css code.</p> <pre><code>.sf-menu li:active { top: 15px; }</code></pre> <p>Remove that and the links will be click-able again. </p> http://themeshaper.com/forums/topic/firefox-css-problem-onclick-menu#post-24863 Fri, 13 Jan 2012 15:51:34 +0000 helgatheviking 24863@http://themeshaper.com/forums/ <p>your site won't load. when troubleshooting, go back to defaults. remove everything you have changed then add your pieces back one at a time until you find the guilty party. </p> http://themeshaper.com/forums/topic/firefox-css-problem-onclick-menu#post-24853 Fri, 13 Jan 2012 06:50:00 +0000 drmosko 24853@http://themeshaper.com/forums/ <p>hello, I have a broblem with firefox when i click on menu the css background color is going down from the original position, and in submenu i cant click at all at the links, the site is: <a href="http://www.dossihost.net/" rel="nofollow">http://www.dossihost.net/</a><br /> in chrome cant click at all.<br /> thank u </p> http://themeshaper.com/forums/topic/using-css-for-lowercase-title-attributes#post-24805 Tue, 10 Jan 2012 23:21:23 +0000 helgatheviking 24805@http://themeshaper.com/forums/ <p>i'm going to mark this thread as resolved. open it back up if this code doesn't work for you. it should since i have tested it. be sure you get the updated bit as i had a ; where it didn't belong before. </p> http://themeshaper.com/forums/topic/using-css-for-lowercase-title-attributes#post-24785 Tue, 10 Jan 2012 14:07:26 +0000 helgatheviking 24785@http://themeshaper.com/forums/ <p>btw- chrome has built-in developer tools. it is in the menu somewhere, but you can also hit CTRL-SHIFT-J </p> http://themeshaper.com/forums/topic/using-css-for-lowercase-title-attributes#post-24781 Tue, 10 Jan 2012 10:05:35 +0000 lowercase-r 24781@http://themeshaper.com/forums/ <p>@proto</p> <p>thanks so much for your advice. i have been working in a thematic child theme, but, unfortunately my command of php and jscript commands are rudimentary at best, so i had been resorting to just combing through the php files and manually changing what i wanted.</p> <p>i have been working on chrome and using its 'view source' feature to debug code, but it only handles tracing back css styles, NOT php source content (EXTREMELY frustrating...).</p> <p>i've since DL'd firefox and have firebug up and running, will see what it can do. thanks again for the advice.</p> <p>@helgatheviking</p> <p>yes! thank you! this is what i've been looking for.</p> <p>i'll see if i can inject the code where it should be, and will report back.</p> <p>thanks! </p> http://themeshaper.com/forums/topic/using-css-for-lowercase-title-attributes#post-24775 Tue, 10 Jan 2012 01:12:26 +0000 helgatheviking 24775@http://themeshaper.com/forums/ <p>you can't use CSS to switch markup to lowercase. the 'permalink' line is part of the thematic_commentmeta() function which you can either completely override, or more likely filter. the filter is named the same thing. </p> <p>if you don't care to change anything by the case of the letters you should be able to do:</p> <pre><code>function kia_lowercase_commentmeta($content){ return strtolower($content); } add_filter(&#39;thematic_commentmeta&#39;,&#39;kia_lowercase_commentmeta&#39;);</code></pre> <p>strtolower php function: <a href="http://php.net/manual/en/function.strtolower.php" rel="nofollow">http://php.net/manual/en/function.strtolower.php</a></p> <p>/*edited to fix syntax in code*/ </p> http://themeshaper.com/forums/topic/using-css-for-lowercase-title-attributes#post-24756 Mon, 09 Jan 2012 12:59:26 +0000 proto 24756@http://themeshaper.com/forums/ <p>Hi there,</p> <p>A few Thoughts:</p> <p>1: From what you've said it sounds like you're editing Thematic directly. I would advise strongly against this, you should use a child theme, it has SO many benefits, too many to list here but in a nutshell, if you develop your website in a child theme it will be protected from future upgrades (thematic is updated on a regular basis) and retain all that unique styling (such as your desired lowercase styling). If you continue to edit Thematic directly you will lose updates when Thematic itself is updated. Also you may break something in Thematic, editing the PHP files directly is not recommended. The good news is that building a child theme is easy once you know how! For more information and before you do ANYTHING else I would highly recommend reading this, it's short and tells you why: <a href="http://themeshaper.com/2009/04/17/wordpress-child-theme-basics/" rel="nofollow">http://themeshaper.com/2009/04/17/wordpress-child-theme-basics/</a></p> <p>There's more on child themes here: <a href="http://themeshaper.com/thematic/guide/?page_id=66" rel="nofollow">http://themeshaper.com/thematic/guide/?page_id=66</a> </p> <p>If you look in Thematic file you downloaded it comes with an example child theme, look inside your Thematic download file for the folder "thematicsamplechildtheme". When you alter a style in your child theme it overrides the parent theme (Thematic) styling so you can have your website as you want and upgrades don't lose all your hard work styling it to get it how you want!</p> <p>2: What you're looking at changing sounds like a CSS issue. So, for example, you identified that "#comments-list .comment-meta" needed changing to make the text lowercase and you edited the CSS. The second big tip of the day which will make your life SO much easier. Get firebug for Firefox. Once you get this you can use the tools in that program that help you identify what DIV or CLASS you need to change to get your desired styling in your child theme stylesheet. </p> <p>If you post a link to your website we can look at it, but you will be so happy once you see what Firebug can tell you and it will enable you to get your website how you want it. Remember, I would recommend using a child theme before you do anything else, you'll almost certainly be happier and understand why when you read the article above I suggested and implement it. </p> <p>Someone else here might have some other thoughts but that's my advice!</p> <p>Good luck! </p> http://themeshaper.com/forums/topic/using-css-for-lowercase-title-attributes#post-24755 Mon, 09 Jan 2012 11:29:13 +0000 lowercase-r 24755@http://themeshaper.com/forums/ <p>i'm a beginner to the wonderful world of wordpress and thematic themes/child themes alike... so please excuse this rather obtuse question:</p> <p>just where the heck in any of the .php files (in either WP or thematic) is the title attribute for the comment-meta permalink defined?</p> <p>my goal is making all the text (title attributes included) in the comment-meta lowercase, and was able to do so (except for the permalink's title attribute!) by slipping a text-transform into thematic's default.css file, like so:</p> <p>#comments-list .comment-meta {<br /> color:#666;<br /> font-size:11px;<br /> padding:0 0 9px 0px;<br /> text-transform: lowercase;<br /> }</p> <p>but i'm going mad trying to find where WP is drawing the "Permalink to this comment" title attribute from. (a visual depiction of what i'm talking about: <a href="http://adumbrate.me/show-n-tell/permalink%20title%20attribute%20not%20lowercase.png" rel="nofollow">http://adumbrate.me/show-n-tell/permalink%20title%20attribute%20not%20lowercase.png</a>)</p> <p>is it possible to somehow use CSS to make this title attribute lowercase if i can't located where it's being pulled from in any of the .php files?</p> <p>thanks in advance for the help! </p> http://themeshaper.com/forums/topic/move-or-add-widgets-to-below-maincontent-section#post-24510 Thu, 29 Dec 2011 19:45:12 +0000 crashprojects 24510@http://themeshaper.com/forums/ <p>Hi all-</p> <p>I need to move widget areas to the center of my page, beneath the content section. I need two widget areas next to each other, centered. </p> <p>The order from top to bottom would be: header, menu, content, two adjacent widget areas, footer. Additionally, I would like the widget areas to display normally in their sidebar positions on subsequent pages. I understand what I'll have to do is create an alternate page template and apply it just to the homepage. </p> <p>Is this possible and if so, how do I go about it? Also, if it is possible, which of the layouts included in Thematic would be easiest to manipulate into this configuration? </p> <p>Thanks for reading! </p> http://themeshaper.com/forums/topic/thematic-menus-demystified-1/page/4#post-24428 Tue, 20 Dec 2011 19:17:11 +0000 helgatheviking 24428@http://themeshaper.com/forums/ <p>@drew - i asked b/c the scripts weren't in your source. .sf-menu li:hover <em>could</em> be beating out .sf-menu li.sfHover . do you need li:hover ? make sure that li.sfHover comes <em>after</em> </p> http://themeshaper.com/forums/topic/thematic-menus-demystified-1/page/4#post-24392 Mon, 19 Dec 2011 23:16:02 +0000 drewdavid 24392@http://themeshaper.com/forums/ <p>Hi Helga,</p> <p>Have I removed superfish? I have done the following as per Scott's directions (see <a href="http://themeshaper.com/forums/topic/time-delay-on-dropdown-menu" rel="nofollow">http://themeshaper.com/forums/topic/time-delay-on-dropdown-menu</a>)</p> <p>I was attempting just to disable the delay on the drop down effect...</p> <p>Drew</p> <p>EDIT: I took out the code for now to disable the delay. I am very close but it's not quite working! I can see the desired result but only when I move my mouse to the left back over a top level link, otherwise it almost seems like <strong>.sf-menu li:hover</strong> is beating out <strong>.sf-menu li.sfHover</strong> for control... </p> http://themeshaper.com/forums/topic/thematic-menus-demystified-1/page/4#post-24376 Mon, 19 Dec 2011 13:36:17 +0000 helgatheviking 24376@http://themeshaper.com/forums/ <p>@nick - you're welcome. categories can be added from the WP3.0 custom menu maker or by targeting the wp_nav_menu_items() filter. why should it be built in? </p> http://themeshaper.com/forums/topic/thematic-menus-demystified-1/page/4#post-24371 Mon, 19 Dec 2011 09:49:01 +0000 nick125 24371@http://themeshaper.com/forums/ <p>Hi Helga,</p> <p>You have been providing awesome solutions to thematic forum.I really appreciate it.</p> <p>The topic Thematic Menus Demystified has explained how to add categories to menus. I would like to suggest that instead of all the explanation why don't you release or ask someone to make a new version of thematic which has this issue sorted. This might be helpful and time saving for all the members. </p> http://themeshaper.com/forums/topic/thematic-menus-demystified-1/page/4#post-24363 Mon, 19 Dec 2011 03:48:13 +0000 helgatheviking 24363@http://themeshaper.com/forums/ <p>@drewdavid - you appear to have removed superfish from your site. superfish is what adds the sfHover class. w/o it that approach will never work. however, you could use the specific LI classes generated by WP to target different elements w/ different border radiuses on hover</p> <p>@sotabound04 - i don't understand what you are asking. i am totally unfamiliar w/ ASP.NET and code intelligence. i do all my own coding development on a local installation of WP using XAMPP. </p> <p><a href="http://webdesignerwall.com/tutorials/installing-wordpress-locally" rel="nofollow">http://webdesignerwall.com/tutorials/installing-wordpress-locally</a><br /> <a href="http://www.apachefriends.org/en/xampp.html" rel="nofollow">http://www.apachefriends.org/en/xampp.html</a> </p> http://themeshaper.com/forums/topic/thematic-menus-demystified-1/page/4#post-24360 Mon, 19 Dec 2011 03:11:39 +0000 sotabound04 24360@http://themeshaper.com/forums/ <p>Helgatheviking, thanks for the tip on the thematic_abovecontainer, I must have overlooked it in the thematic documentation. Anyways, also some great tips on creating you own custom menu using hooks. Just out of curiosity, what IDE do you use for you development environment. I would love to be able to set one up with Thematic and wordpress to have code intelligence similar to what you might find in an APS.NET environment using VS 2008 for example. Yeah I know I know, however I have to work for a living:) I use PHP for recreational use only:) </p> http://themeshaper.com/forums/topic/thematic-menus-demystified-1/page/4#post-24344 Sat, 17 Dec 2011 23:34:35 +0000 drewdavid 24344@http://themeshaper.com/forums/ <p>Hi Helga,</p> <p>Thank you for the tip. I can't seem to get the new border radius to work.</p> <p>Here was my old code:</p> <p><code></p> <p>.sf-menu li:hover, .sf-menu li.sfHover,<br /> .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {<br /> /* background gradient */<br /> background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E8E8E8), to(#BDBDBD)); background: -webkit-linear-gradient(#E8E8E8, #BDBDBD); background: -moz-linear-gradient(#E8E8E8, #BDBDBD); background: -ms-linear-gradient(#E8E8E8, #BDBDBD); background: -o-linear-gradient(#E8E8E8, #BDBDBD); background: linear-gradient(#E8E8E8, #BDBDBD); -pie-background: linear-gradient(#E8E8E8, #BDBDBD);<br /> /* hover border radius */<br /> border-top-left-radius: 14px;<br /> -moz-border-radius-topleft: 14px;<br /> -webkit-border-radius-topleft: 14px;<br /> border-top-right-radius: 14px;<br /> -moz-border-radius-topright: 14px;<br /> -webkit-border-radius-topright: 14px;<br /> behavior: url(/PIE.htc);<br /> outline: 0;<br /> border-bottom-color:#ccc;<br /> }<br /> </code></p> <p>Which I just changed to this with no apparent effect:</p> <p><code><br /> .sf-menu li:hover, .sf-menu a:focus,<br /> .sf-menu a:hover, .sf-menu a:active {<br /> /* background gradient */<br /> background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E8E8E8), to(#BDBDBD)); background: -webkit-linear-gradient(#E8E8E8, #BDBDBD); background: -moz-linear-gradient(#E8E8E8, #BDBDBD); background: -ms-linear-gradient(#E8E8E8, #BDBDBD); background: -o-linear-gradient(#E8E8E8, #BDBDBD); background: linear-gradient(#E8E8E8, #BDBDBD); -pie-background: linear-gradient(#E8E8E8, #BDBDBD);<br /> /* border radius */<br /> border-radius: 14px;<br /> -moz-border-radius: 14px;<br /> -webkit-border-radius: 14px;<br /> behavior: url(/PIE.htc);<br /> outline: 0;<br /> border-bottom-color:#ccc;<br /> }</p> <p>.sf-menu li.sfHover {<br /> /* hover border radius */<br /> border-top-left-radius: 14px;<br /> -moz-border-radius-topleft: 14px;<br /> -webkit-border-radius-topleft: 14px;<br /> border-top-right-radius: 14px;<br /> -moz-border-radius-topright: 14px;<br /> -webkit-border-radius-topright: 14px;<br /> behavior: url(/PIE.htc);<br /> }<br /> </code></p> <p>Thanks :)</p> <p>Drew </p>