http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Sat, 04 Feb 2012 03:54:50 +0000 http://themeshaper.com/forums/topic/how-to-align-single-navigation-menu-item-right#post-25135 Tue, 31 Jan 2012 19:34:29 +0000 jhismith 25135@http://themeshaper.com/forums/ <p>thank you so much. </p> 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/how-to-style-custom-menu-like-main-menu#post-25043 Wed, 25 Jan 2012 16:08:54 +0000 helgatheviking 25043@http://themeshaper.com/forums/ <p>i'd still do it w/ the registering of menus since you cannot filter the UL class into the wp_nav_menu() args for the widget. i just checked. </p> <p>you can add different menus on different pages w/ conditional logic<br /> <a href="http://codex.wordpress.org/Conditional_Tags" rel="nofollow">http://codex.wordpress.org/Conditional_Tags</a></p> <p>for instance if you register three menus: category-menu, page-menu and extra-menu:</p> <pre><code>function kia_conditional_menus(){ if(is_category()){ wp_nav_menu(array(&#39;theme_location&#39; =&gt; &#39;category-menu&#39;,&#39;menu_class&#39; =&gt; &#39;sf-menu&#39;)); } elseif (is_page()){ wp_nav_menu(array(&#39;theme_location&#39; =&gt; &#39;page-menu&#39;,&#39;menu_class&#39; =&gt; &#39;sf-menu&#39;)); } else { wp_nav_menu(array(&#39;theme_location&#39; =&gt; &#39;extra-menu&#39;,&#39;menu_class&#39; =&gt; &#39;sf-menu&#39;)); } } add_action(&#39;thematic_abovemainasides&#39;,&#39;kia_conditional_menus&#39;);</code></pre> <p>untested so if you get a white screen of death it could be syntax, but assuming no parse errors it should work </p> http://themeshaper.com/forums/topic/how-to-style-custom-menu-like-main-menu#post-25042 Wed, 25 Jan 2012 15:25:38 +0000 fwunder 25042@http://themeshaper.com/forums/ <p>Not sure if it will help in @danromanchik's case, but I use Dynamic Widgets =&gt; <a href="http://wordpress.org/extend/plugins/dynamic-widgets/" rel="nofollow">http://wordpress.org/extend/plugins/dynamic-widgets/</a></p> <p>It gives me very easy and granular control over custom menu(s) placements. </p> http://themeshaper.com/forums/topic/how-to-style-custom-menu-like-main-menu#post-25041 Wed, 25 Jan 2012 14:57:45 +0000 em hr 25041@http://themeshaper.com/forums/ <p>You can register as many menus as you like. When you add them in to an action hook you'll need to set a condition for the menu appearing or not. </p> http://themeshaper.com/forums/topic/how-to-style-custom-menu-like-main-menu#post-25040 Wed, 25 Jan 2012 14:50:48 +0000 danromanchik 25040@http://themeshaper.com/forums/ <p>The reason that I opted to go with the widget approach is that I want different menus to show up on different pages. Can I still do this by registering different menus? </p> http://themeshaper.com/forums/topic/how-to-align-single-navigation-menu-item-right#post-25038 Wed, 25 Jan 2012 11:53:05 +0000 helgatheviking 25038@http://themeshaper.com/forums/ <p>above works fine, except for a couple of typos... oops</p> <pre><code>.sf-menu li.menu-item-55 { float: right; }</code></pre> http://themeshaper.com/forums/topic/how-to-align-single-navigation-menu-item-right#post-25037 Wed, 25 Jan 2012 06:13:44 +0000 jhismith 25037@http://themeshaper.com/forums/ <p>No joy with the above CSS. Will give the wpfirstaid option a try but if anyone can help with the CSS?</p> <p>Thanks. </p> http://themeshaper.com/forums/topic/how-to-style-custom-menu-like-main-menu#post-25035 Wed, 25 Jan 2012 04:08:05 +0000 helgatheviking 25035@http://themeshaper.com/forums/ <p>lol! thanks for the vote of confidence @danromanchik. </p> http://themeshaper.com/forums/topic/how-to-style-custom-menu-like-main-menu#post-25034 Tue, 24 Jan 2012 22:08:34 +0000 em hr 25034@http://themeshaper.com/forums/ <blockquote><p>registering a secondary menu location and adding it to a hook</p></blockquote> <p>...is the winning combo IMO </p> http://themeshaper.com/forums/topic/how-to-style-custom-menu-like-main-menu#post-25033 Tue, 24 Jan 2012 22:01:04 +0000 danromanchik 25033@http://themeshaper.com/forums/ <p>Dang. If helga doesn't know how to do it, do I have any hope? :) </p> http://themeshaper.com/forums/topic/how-to-align-single-navigation-menu-item-right#post-25028 Tue, 24 Jan 2012 21:16:27 +0000 helgatheviking 25028@http://themeshaper.com/forums/ <p>floating the A element isn't going to work b/c it is inside the LI element that is floated left. also the entire sf-menu is floated left, meaning it is only as wide as the elements it contains. you'll need to fix this or you can float right but never notice. try this:</p> <pre><code>.sf-menu { float: left; width: 100%; } .sf-menu li menu-item-55 { float: right; }</code></pre> <p>or you could add the menu item this way:<br /> <a href="http://wpfirstaid.com/2010/10/extend-the-wordpress-menu/" rel="nofollow">http://wpfirstaid.com/2010/10/extend-the-wordpress-menu/</a> </p> http://themeshaper.com/forums/topic/how-to-align-single-navigation-menu-item-right#post-25024 Tue, 24 Jan 2012 20:13:50 +0000 jhismith 25024@http://themeshaper.com/forums/ <p>thanks for response. using firebug. </p> <p>on <a href="http://www.democracyinafrica.org" rel="nofollow">www.democracyinafrica.org</a> i'm trying to move the contact item (menu-item-55) to the right. will change later to rss feed, just want to know how for now.</p> <p>tried:</p> <p>.sf-menu li menu-item-55 a {<br /> float: right;<br /> }</p> <p>and different variations but nothing. </p> http://themeshaper.com/forums/topic/how-to-align-single-navigation-menu-item-right#post-25022 Tue, 24 Jan 2012 20:07:27 +0000 helgatheviking 25022@http://themeshaper.com/forums/ <p>use <a href="http://getfirebug.com" rel="nofollow">http://getfirebug.com</a> or chrome's built-in dev tools to isolate a specific CSS class you can target </p> http://themeshaper.com/forums/topic/how-to-style-custom-menu-like-main-menu#post-25021 Tue, 24 Jan 2012 20:06:26 +0000 helgatheviking 25021@http://themeshaper.com/forums/ <p>to have the same style you need to use the same class. so the UL element needs the class sf-menu i'm not sure this is possible with a widget. you might be better-served by registering a secondary menu location and adding it to a hook </p> http://themeshaper.com/forums/topic/how-to-align-single-navigation-menu-item-right#post-25020 Tue, 24 Jan 2012 19:35:50 +0000 jhismith 25020@http://themeshaper.com/forums/ <p>I want to align a single navigation menu item right. I want the standard menu aligned left and an RSS Feed menu item aligned right. I think I have to assign CSS to a single menu item but I can't see where. </p> http://themeshaper.com/forums/topic/how-to-style-custom-menu-like-main-menu#post-25019 Tue, 24 Jan 2012 19:32:05 +0000 danromanchik 25019@http://themeshaper.com/forums/ <p>I have a site with the main menu running across the top. By reading the great postings here, I've been able to get the styling just right including background colors, rollovers, and drop-downs.</p> <p>I have also created a secondary navigation menu, and, using the Custom Widget sidebar, I have put this menu in the secondary aside. What I'd really like to do, however, is to use the styling of the main menu on this secondary menu, so that the rollovers and drop-downs work just like they do for the main menu. </p> <p>How do I do this?</p> <p>Thanks, Dan </p> http://themeshaper.com/forums/topic/cant-change-visited-link-color-in-thematic-menu#post-24915 Mon, 16 Jan 2012 04:10:40 +0000 crashprojects 24915@http://themeshaper.com/forums/ <p>Thanks Proto, turns out it wasn't there and I just had to add it. I thought that was so weird! Thanks again for your reply! </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>