http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Sat, 04 Feb 2012 03:48:18 +0000 http://themeshaper.com/forums/topic/center-menu-nav#post-23881 Mon, 21 Nov 2011 13:30:56 +0000 helgatheviking 23881@http://themeshaper.com/forums/ <p>here is probably the Holy Grail of centered menus:</p> <p><a href="http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support" rel="nofollow">http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support</a> </p> http://themeshaper.com/forums/topic/center-menu-nav#post-23876 Mon, 21 Nov 2011 03:21:29 +0000 ravenousravendesign 23876@http://themeshaper.com/forums/ <p>This works for me<br /> .menu{text-align: center;}<br /> .sf-menu{float: none;}<br /> .sf-menu li{display: inline; float: none;}<br /> .sf-menu a{display:inline-block;}<br /> #access{width: 988px; height: 60px; margin: 0px auto;}</p> <p>But, I still can't seem to get the nested list items to align left. dangit! Once i figure it out, i will repost. </p> http://themeshaper.com/forums/topic/move-navmenu-out-of-header-so-i-can-remove-the-header#post-22951 Fri, 02 Sep 2011 23:56:33 +0000 ScottNix 22951@http://themeshaper.com/forums/ <pre><code>//remove acccess menu function childtheme_remove_access() { remove_action(&#39;thematic_header&#39;,&#39;thematic_access&#39;,9); } add_action(&#39;init&#39;,&#39;childtheme_remove_access&#39;); // add access back below the header add_action(&#39;thematic_belowheader&#39;,&#39;thematic_access&#39;);</code></pre> http://themeshaper.com/forums/topic/move-navmenu-out-of-header-so-i-can-remove-the-header#post-22950 Fri, 02 Sep 2011 21:08:52 +0000 mrmikeman 22950@http://themeshaper.com/forums/ <p>in css i do #header {display:none;} to remove the display of the header completely, but i want to keep the nav menu, essentially putting it at the tip-top of the page, but with ZERO header. no banner, no title, no description. i really thought id be able to figure this one out but i cant seem to do it </p> http://themeshaper.com/forums/topic/thematic-feature-site-site-with-acamas-styling#post-21993 Wed, 22 Jun 2011 17:53:18 +0000 Hip Hop Klamotten Shop 21993@http://themeshaper.com/forums/ <p>Hi all,<br /> thanks for your help!!! I build my Hip Hop Site with Thematic and the acamas child theme and I love it - It s clean and stylish!! </p> <p>Greetings from Berlin<br /> Moritz </p> http://themeshaper.com/forums/topic/home-link-in-nav-not-working#post-21835 Sun, 12 Jun 2011 15:03:23 +0000 DorinChill 21835@http://themeshaper.com/forums/ <p>it works but it ruins its aspect...thei look like a list now... </p> http://themeshaper.com/forums/topic/once-again-centering-navigation-menu#post-20853 Wed, 27 Apr 2011 04:20:00 +0000 lastraw 20853@http://themeshaper.com/forums/ <p>This solution by wlanni for centering the menus saved my :) <a href="http://themeshaper.com/forums/topic/how-to-center-the-menu-in-09" rel="nofollow">http://themeshaper.com/forums/topic/how-to-center-the-menu-in-09</a> </p> http://themeshaper.com/forums/topic/once-again-centering-navigation-menu#post-20842 Tue, 26 Apr 2011 08:32:50 +0000 eilza49 20842@http://themeshaper.com/forums/ <p>Thanks everybody for your help! I've managed to get the menu looking good beside the header, instead of centered. </p> http://themeshaper.com/forums/topic/two-questions-acamas-theme#post-20332 Wed, 06 Apr 2011 06:45:52 +0000 helgatheviking 20332@http://themeshaper.com/forums/ <p>1. of course it is possible, but 1. i don't have acamas and 2. your question is vague and doesn't show any code for me to critique.</p> <p>2. premiumpixels is gorgeous. please use something like chrome's developer tools or <a href="http://getfirebug.com" rel="nofollow">http://getfirebug.com</a> to look at how he is achieving that. first you are going to need to re-create the markup... which could be difficult. </p> <pre><code>&lt;li&gt;&lt;a&gt;&lt;span&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;</code></pre> <p>notice that he has an extra span. this is important b/c the triangle is on the a element and the underline is on the span. you could either do a hard-coded menu OR you'd need to create a custom walker. see my post on menus:</p> <p><a href="http://themeshaper.com/forums/topic/thematic-menus-demystified-1" rel="nofollow">http://themeshaper.com/forums/topic/thematic-menus-demystified-1</a> </p> http://themeshaper.com/forums/topic/two-questions-acamas-theme#post-20303 Tue, 05 Apr 2011 10:28:27 +0000 Queequeg 20303@http://themeshaper.com/forums/ <p>Hi!</p> <p>My question is in two parts:</p> <p>1. I'm looking for a different way to display feature posts, as I do not have many of them. Is there an easy way I could replace the entire 'feature' section (that would show on the home page only) with a slider? Or, perhaps style the section so it displays 3-4 thumbnails horizontally that link to each feature post?</p> <p>2. I will admit, I am terrible when it comes to CSS sometimes, and this is one of those times. I have the Acamas theme installed, and would love to style the menu so it looks similar to the one used in the current version of <a href="http://premiumpixels.com" rel="nofollow">http://premiumpixels.com</a> -- see how there is the little triangle image &#38; black border underneath the current page?</p> <p>I'd love some help... and I apologize for asking what may possibly be such a simple question. I have been sitting here trying various methods, and I just can't figure it out. Thanks. </p> http://themeshaper.com/forums/topic/once-again-centering-navigation-menu#post-20227 Sat, 02 Apr 2011 01:55:03 +0000 AnotherAndrew 20227@http://themeshaper.com/forums/ <p>I will agree with the post above. </p> <p>Maybe set the position to relative. </p> http://themeshaper.com/forums/topic/once-again-centering-navigation-menu#post-20226 Sat, 02 Apr 2011 01:54:31 +0000 AnotherAndrew 20226@http://themeshaper.com/forums/ <p>I will agree with the post above. </p> <p>Maybe set the position to relative. </p> http://themeshaper.com/forums/topic/once-again-centering-navigation-menu#post-20216 Fri, 01 Apr 2011 16:45:37 +0000 Danieliser 20216@http://themeshaper.com/forums/ <p>The only way ive found to center the menu is to assign it an exact width to the ul element and use margin : 0 auto;</p> <p>The width should be the smallest you can while still showing all items.</p> <p>This doesnt work well with dynamic or constantly changing main menu items. </p> http://themeshaper.com/forums/topic/once-again-centering-navigation-menu#post-20201 Fri, 01 Apr 2011 09:57:32 +0000 middlesister 20201@http://themeshaper.com/forums/ <p>Ok my bad. I don't know what I was thinking. Because the blogtitle and navigation together was centered, I thought i looked nice and didn't see a problem. But true enough, the navigation IS to the right - but still inside the "page" so to speak.</p> <p>How do you want it to look? </p> http://themeshaper.com/forums/topic/once-again-centering-navigation-menu#post-20192 Thu, 31 Mar 2011 22:41:38 +0000 DigitalVideo 20192@http://themeshaper.com/forums/ <p>I don't know how to help, but on my computer, surfing with Chrome, it looks like it's to the right. So I confirm that there's a problem there...<br /> EDIT:<br /> On Safari too. Can you post a screen grab of what it should look like? </p> http://themeshaper.com/forums/topic/once-again-centering-navigation-menu#post-20187 Thu, 31 Mar 2011 19:12:40 +0000 middlesister 20187@http://themeshaper.com/forums/ <p>It looks centered to me, but I can only test on Safari and Firefox. Maybe it is an Internet Explorer issue? </p> http://themeshaper.com/forums/topic/once-again-centering-navigation-menu#post-20113 Tue, 29 Mar 2011 21:50:23 +0000 eilza49 20113@http://themeshaper.com/forums/ <p>Hi, </p> <p>I'm having a lot of difficulty with centering the navigation menu. On my screen (small Macbook), the menu looks centered, but on most screens it is to the right side, and looks really bad. </p> <p>I've read the previous topics about this issue, but couldn't find any help there. </p> <p>The site: <a href="http://www.soviroma.no/papercore/" rel="nofollow">http://www.soviroma.no/papercore/</a></p> <p>Any help much appreciated! </p> <p>Thanks </p> http://themeshaper.com/forums/topic/center-menu-nav#post-18546 Thu, 20 Jan 2011 23:42:17 +0000 Jonny Janiero 18546@http://themeshaper.com/forums/ <p>@Danieliser,<br /> i'm sure the class 'menu' isn't specified to be centered inside the access div.<br /> i have had problems with this before </p> http://themeshaper.com/forums/topic/center-menu-nav#post-18455 Tue, 18 Jan 2011 02:36:38 +0000 steppas 18455@http://themeshaper.com/forums/ <p>yes it's odd that it isn't working with sf-menu, but seems to work with .menu : ) </p> http://themeshaper.com/forums/topic/center-menu-nav#post-18453 Tue, 18 Jan 2011 02:27:53 +0000 Danieliser 18453@http://themeshaper.com/forums/ <p>If i could open it in firefox i could find it in a few seconds. It should work changing .menu but that is defined in the layout stylesheet and usually conforms to the 960grid width so it is already defined 20px narrower than #access and centered inside it as well. modifying sf-menu should work fine. copy your code below `/* =Menu<br /> -------------------------------------------------------------- */` until the next section. </p> http://themeshaper.com/forums/topic/center-menu-nav#post-18452 Tue, 18 Jan 2011 02:26:11 +0000 steppas 18452@http://themeshaper.com/forums/ <p>.menu {<br /> width:600px;<br /> margin:0 auto;<br /> }</p> <p>that worked perfectly!</p> <p>many thanks indeed!</p> <p>and much appreciation to danieliser for the tips </p> http://themeshaper.com/forums/topic/center-menu-nav#post-18450 Tue, 18 Jan 2011 02:18:33 +0000 Jonny Janiero 18450@http://themeshaper.com/forums/ <p>try<br /> <pre><code>.menu { width:600px; margin:0 auto; }</code></pre> http://themeshaper.com/forums/topic/center-menu-nav#post-18445 Tue, 18 Jan 2011 01:54:50 +0000 steppas 18445@http://themeshaper.com/forums/ <p>yes the theme is activated and i removed the float:left but still no luck </p> http://themeshaper.com/forums/topic/center-menu-nav#post-18444 Tue, 18 Jan 2011 01:49:29 +0000 Danieliser 18444@http://themeshaper.com/forums/ <p>i know you are using a child theme.. but did you activate it in the themes selection screen? I know ive overlooked that several times. </p> <p>also try using ctrl + f and looking for <code>.sf-menu {</code></p> <p>there are multiple instances and the one i think your getting hit with is this<br /> <pre><code>.sf-menu { border-right:1px solid #ccc; float:left; }</code></pre> <p>remove the float:left; </p> http://themeshaper.com/forums/topic/center-menu-nav#post-18443 Tue, 18 Jan 2011 01:41:40 +0000 steppas 18443@http://themeshaper.com/forums/ <p>I've located the code and replaced with your suggested code / fiddled about! but I still can't seem to center the menu.</p> <p>Sorry I don't have a live link, but I haven't made any changes to the Thematic theme, it is as default.</p> <p>Centering the menu seems like a style which would be commonly used. </p> http://themeshaper.com/forums/topic/center-menu-nav#post-18442 Tue, 18 Jan 2011 01:21:05 +0000 Danieliser 18442@http://themeshaper.com/forums/ <p>Do you have a link i can see? More than likely since the defaults are </p> <pre><code>.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; }</code></pre> <p>you need to find that code and change the sf-menu {</p> <p>if you still dont get the results try adding !important before the ; of a style. </p> http://themeshaper.com/forums/topic/center-menu-nav#post-18441 Tue, 18 Jan 2011 01:14:29 +0000 steppas 18441@http://themeshaper.com/forums/ <p>I moved the default.css contents into my child theme style.css and added the code but nothing seems to happen (other than the far right border line moving to the right)</p> <p>Sorry to bug, but i've been trying to figure out how to do this for too long now.</p> <p>Cheers. </p> http://themeshaper.com/forums/topic/center-menu-nav#post-18440 Tue, 18 Jan 2011 00:52:57 +0000 Danieliser 18440@http://themeshaper.com/forums/ <p>Its best to open the default.css stylesheet and copy the contents to your childthemes style.css. Then remove the line at the top that imports the default.css.</p> <p>Now you can simply modify the styles you need to there. You can find .sf-menu about 150 lines down in default.css code. </p> http://themeshaper.com/forums/topic/center-menu-nav#post-18439 Tue, 18 Jan 2011 00:48:48 +0000 steppas 18439@http://themeshaper.com/forums/ <p>Hi Danieliser, thanks for the tip.</p> <p>For my project a static menu will do fine (dynamic would be ideal), however I can't seem to get your code to work.</p> <p>I'm using Thematic and my child style.css has no additional code so far (apart from calling the Thematic CSS) </p> http://themeshaper.com/forums/topic/center-menu-nav#post-18437 Tue, 18 Jan 2011 00:39:37 +0000 Danieliser 18437@http://themeshaper.com/forums/ <p>The only way ive come up with is like this</p> <p>.sf-menu {<br /> width:600px; // Make this just large enough to contain the menu items you want<br /> margin:0 auto;<br /> }</p> <p>Obviously this has a drawback of not being very dynamic if you add or change the names of the items on the menu. But it will work for static menus. </p>