http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Sat, 04 Feb 2012 04:36:11 +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/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-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-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/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/how-to-move-page-menu-from-access-to-new-div-above-header#post-24669 Thu, 05 Jan 2012 17:12:21 +0000 TyeNewton 24669@http://themeshaper.com/forums/ <p>Ahah! So the bluemandala diagram perhaps just missed some hooks? (Or maybe it was created for a previous version of Thematic; I'm still brand new to the scene.)</p> <p>In any case, thanks so much, Helga; you are wildly helpful all over this forum, and to me specifically.</p> <p>I just found your link to WPCandy's introduction to hooks, so hopefully I'll figure the rest out without asking any more questions. Wish me luck! </p> http://themeshaper.com/forums/topic/how-to-move-page-menu-from-access-to-new-div-above-header#post-24664 Thu, 05 Jan 2012 15:02:55 +0000 helgatheviking 24664@http://themeshaper.com/forums/ <p>@tye - check out <a href="http://visualizing.thematic4you.com/" rel="nofollow">http://visualizing.thematic4you.com/</a> thematic_abovecontainer() and thematic_abovecontent() are both inside of #main </p> http://themeshaper.com/forums/topic/how-to-move-page-menu-from-access-to-new-div-above-header#post-24653 Thu, 05 Jan 2012 06:06:58 +0000 TyeNewton 24653@http://themeshaper.com/forums/ <p>Oh my gosh... is there any way to move #access into #main (above the content and asides) so it can appear on top of the background image of #main? I've been examining the bluemandala diagram, and there don't appear to be any action hooks within #main except for those just in the asides column.(?)</p> <p>By the way, this will be my first attempt at utilizing an action hook, so if I end up saying something silly, that'll be why. ; ) </p> http://themeshaper.com/forums/topic/cant-change-visited-link-color-in-thematic-menu#post-24632 Wed, 04 Jan 2012 17:54:05 +0000 proto 24632@http://themeshaper.com/forums/ <p>Hello crashprojects,</p> <p>Have you inspected your website with a useful too such as Firebug (with Firefox)? These are really useful tools for seeing what styles are being overridden or not applied, occasionally an inherited style may overrule another style (that we would like). You can overrule styles with the !important instruction which says to the browser - this is the style I'd like to apply. So you could try something like adding this into your stylesheet:</p> <p><code>.sf-menu a:visited {color: #enteryourhexhere !important;}</code></p> <p>If we have a link to your website we can then view your stylesheet and see what may be causing the issue with your visited links. I assume you've copied the Divs and Class's from Helga's great work on Thematic menus demystified, see number 6 "Styling the Beast" - <a href="http://themeshaper.com/forums/topic/thematic-menus-demystified-1." rel="nofollow">http://themeshaper.com/forums/topic/thematic-menus-demystified-1.</a> Apply the visited styling to all the logical levels you need after looking at where Helga outlines the top level styling, 1st level, etc, etc.</p> <p>Also, are you using a child theme, as normally the styles you enter this stylesheet should overrule the parent theme (thematic) - although there are occasions where this is not the case. If you're not using a child theme, I'd recommend you do for ease of customisation and future upgrades.</p> <p>Someone else may have a better suggestion but that's how I'd approach this problem :) </p> http://themeshaper.com/forums/topic/cant-change-visited-link-color-in-thematic-menu#post-24631 Wed, 04 Jan 2012 16:23:31 +0000 crashprojects 24631@http://themeshaper.com/forums/ <p>I've gone through the thematic menus demystified post and it was awesome and so helpful, but for some reason I still can't figure out how to change the visited color. The visited menu item is defaulting to this terrible color once a menu item has been clicked/visited. I've changed the visited color in my main stylesheet but it didn't help. </p> <p>Can anyone assist on this?</p> <p>Thanks! </p> http://themeshaper.com/forums/topic/remove-share-this-and-nav-issue#post-24424 Tue, 20 Dec 2011 18:49:50 +0000 meaghen 24424@http://themeshaper.com/forums/ <p>Transparency issue resolved by adding: .sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active {background:transparent;}. I needed to check the original default.css file to make sure I had all of the styles related to the navigation in my css. Hope this helps someone else! </p> http://themeshaper.com/forums/topic/remove-share-this-and-nav-issue#post-24423 Tue, 20 Dec 2011 18:41:12 +0000 meaghen 24423@http://themeshaper.com/forums/ <p>Border on drop down menu solved by adding .sf-menu ul {border-right:none;border-bottom:none;} </p> http://themeshaper.com/forums/topic/remove-share-this-and-nav-issue#post-24421 Tue, 20 Dec 2011 18:28:18 +0000 meaghen 24421@http://themeshaper.com/forums/ <p>Hi Proto - thanks for your suggestion to check plug-ins. I discovered that the Share This buttons were JetPack and resolved the problem by just removing the "Share This" text from that line. Seems to work. The CSS for .snap_nopreview did not seem to affect this container. Ah, well. Not perfect, but it is okay as it is.</p> <p>The transparency css caused a white background to appear on hover. This is what happens whenever I try to change .sf-menu li.sfHover a or.sf-menu li a:hover to background-color:transparent. Reverts to white background and there is a gray border on the drop-down menu. I will look at the original css source to see if I've missed something, but I tried to copy all navigation related css from default.css.</p> <p>If you have any other thoughts, I will listen gladly! Thanks again. </p> http://themeshaper.com/forums/topic/remove-share-this-and-nav-issue#post-24420 Tue, 20 Dec 2011 18:20:55 +0000 proto 24420@http://themeshaper.com/forums/ <p>There are many capable people on here, I'm not just being modest, but many more capable than me, but the above is my suggestion, someone else here may have a better idea, but I thought I would offer my 2 pence worth! </p> http://themeshaper.com/forums/topic/remove-share-this-and-nav-issue#post-24418 Tue, 20 Dec 2011 18:18:51 +0000 meaghen 24418@http://themeshaper.com/forums/ <p>Thanks so much for your suggestion! I will try and report back. I don't think the share this is a plug-in, but I'll investigate that. I'm restyling from a wordpress.com site and different theme. Thanks again! </p> http://themeshaper.com/forums/topic/remove-share-this-and-nav-issue#post-24416 Tue, 20 Dec 2011 18:13:38 +0000 proto 24416@http://themeshaper.com/forums/ <p>Hello there,</p> <p>1: I think I can help with your navigation or at least point you in the right direction:</p> <p>For you menu transparency upon hovering try adding the following to your existing css styling:</p> <pre><code>.sf-menu li a:hover, .sf-menu li.sfHover a {opacity: 0.0; -ms-filter:&quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=00)&quot;; filter: alpha(opacity=00);}</code></pre> <p>The first one 'opacity: 0.0' is for non IE browsers. The second one an MS filter and third ones for IE. </p> <p>You would want to add this to all hovering parents and children in your menu. Let me know if this doesn't make sense. </p> <p>As for getting your share buttons to appear on the same line from looking at the CSS the containing element needs restyling, try adding this to your stylesheet:</p> <p><code>.snap_nopreview sharing robots-nocontent {width: 540px;}</code></p> <p>Are you using a plugin for your share buttons, if yes is there any documentation that tells you how to target the CSS? </p> http://themeshaper.com/forums/topic/remove-share-this-and-nav-issue#post-24415 Tue, 20 Dec 2011 17:53:31 +0000 meaghen 24415@http://themeshaper.com/forums/ <p>Hello -<br /> The blog I'm working on is <a href="http://www.hamptonscreative.com/interact/" rel="nofollow">http://www.hamptonscreative.com/interact/</a></p> <p>1. I'd like the "Share This buttons" to remain on one line. They currently wrap so that StumbleUpon ends up on a second line. I can't find anything in the CSS that would allow me to adjust the width of the ul container or any other adjustment that would affect these buttons. If I extend #container a white area on the right blocks the buttons as though they are underneath.</p> <p>2. I can't get the navigation to have transparent background on hover. </p> <p>Thank you for any help - I'm new to this!</p> <p>Here is my custom CSS:</p> <pre><code>body { background-image:url(&#39;http://www.hamptonscreative.com/images/water-background.jpg&#39;); background-repeat:repeat-x; background-position:left top; margin-top:0; margin-left:0; padding-top:0; background-color:#1B79C9; font-family:Georgia, Times, serif; } #wrapper { width:960px; margin-right:auto; margin-left:auto; margin-top:-20px; padding-top:0; position:relative; height:auto; z-index:10; } #header { height:292px; width:960px; margin-right:auto; margin-left:auto; position:relative; background-image:url(&#39;http://www.hamptonscreative.com/images/word-of-mouth_02.png&#39;); background-repeat:no-repeat; background-position:center top; z-index:40; } #main { width:918px; background-color:#FFF; margin-top:-2px; padding:0; } #container { margin-right:auto; margin-left:auto; } #content { height:auto; position:relative; z-index:18; top:-1px; padding-top:30px; padding-left:0; margin:0 auto; } .entry-content { padding:0; } .aside { color:#000000; } .main-aside { right:40px; width:200px; } #primary { border:none; } th,td { border:none; padding:0; } tr { border-bottom:none; } table { border:none; font-size:100%; } .entry-title { font-family:Georgia, Times, serif; color:#cc9900; font-size:24px; } .entry-title a:link,.entry-title a:visited { color:#cc9900; } .entry-title a:hover { color:#000000; } .entry-meta { margin-bottom:20px; } #access { border-bottom:none; height:40px; text-align:center; overflow:visible; z-index:100; width:950px; position:relative; top:9px; left:10px; } .sf-menu { border-right:none; float:left; color:#ffffff; } .sf-menu a,.sf-menu a:visited { display:block; text-decoration:none; border-top:none; border-left:none; border-bottom:none; border-right:none; font-family:Georgia, &quot;Times New Roman&quot;, Times, serif; font-size:16px; font-weight:bold; text-align:center; color:#fff; padding:13px 10px; } .sf-menu li a { color:#ffffff; background-color:transparent; border-color:none; } .sf-menu li { background-color:transparent; } .sf-menu li ul li { background-color:transparent; border:none; } .sf-menu li.sfHover a { color:#ffffff; background-color:rgba(0,184,241,.9); } .sf-menu li a:hover { color:#ffffff; background-color:rgba(0,184,241,.9); } .sf-menu .current_page_item a,.sf-menu .current_page_ancestor a,.sf-menu .current_page_parent a { border-bottom-color:none; background-color:rgba(0,184,241,.9); } .sf-menu li .sf-sub-indicator { display:none; } .sf-menu li:hover ul,.sf-menu li.sfHover ul { top:42px; } .sf-menu ul ul { margin-top:0; } .sf-menu li li a,.sf-menu li.sfHover li a { color:#ffffff; background-color:rgba(0,184,241,.9); border-bottom:none; border-color:none; } .sf-menu li li.sfHover a { color:#ffffff; text-decoration:underline; } .sf-menu li li a:hover,.sf-menu li.sfHover li a:hover { color:#ffffff; text-decoration:underline; } .sf-menu li li.current_page_item a,.sf-menu li li.current_page_ancestor a,.sf-menu li li.current_page_parent a { text-decoration:underline; } .sf-menu li li .sf-sub-indicator { display:none; } .sf-menu li li li a,.sf-menu li.sfHover li li a { color:#ffffff; background-color:rgba(0,184,241,.9); border:none; } .sf-menu li li li a:hover,.sf-menu li.sfHover li li a:hover { color:#ffffff; background-color:rgba(0,184,241,.9); } .sf-menu li li li.current_page_item a,.sf-menu li li li.current_page_ancestor a,.sf-menu li li li.current_page_parent a { text-decoration:underline; }</code></pre> http://themeshaper.com/forums/topic/move-menu-from-top-to-side#post-23734 Mon, 07 Nov 2011 19:18:55 +0000 helgatheviking 23734@http://themeshaper.com/forums/ <p>cool. to help other members why don't you post your code? you can put it in between 2 ` marks. and don't forget to mark this thread as resolved. </p> http://themeshaper.com/forums/topic/move-menu-from-top-to-side#post-23733 Mon, 07 Nov 2011 17:48:55 +0000 crashprojects 23733@http://themeshaper.com/forums/ <p>Thanks for your reply! I actually ended up figuring it out on my own which is pretty cool! Thanks again. </p> http://themeshaper.com/forums/topic/move-menu-from-top-to-side#post-23718 Sat, 05 Nov 2011 22:59:30 +0000 helgatheviking 23718@http://themeshaper.com/forums/ <p>read how to move the menu:<br /> <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/move-menu-from-top-to-side#post-23715 Sat, 05 Nov 2011 20:50:41 +0000 crashprojects 23715@http://themeshaper.com/forums/ <p>Hi all. I'd like to move thematic's menu from the top where it resides by default, to the left side above the widget areas. I've tried a ton of stuff but all I can do is get the top menu to disappear; no matter how I change anything I can't get it to display on the left. </p> <p>Does anyone have any ideas on this? </p> http://themeshaper.com/forums/topic/thematic-images-for-nav-links-038-seperators#post-23517 Wed, 19 Oct 2011 02:50:33 +0000 helgatheviking 23517@http://themeshaper.com/forums/ <p>i'd try starting w/ my mega menu thread<br /> <a href="http://themeshaper.com/forums/topic/thematic-menus-demystified-1" rel="nofollow">http://themeshaper.com/forums/topic/thematic-menus-demystified-1</a></p> <p>somewhere in there it is covered how to create a totally custom image menu.</p> <p>also mentioned, is modifying the Nav Walker, which is probably what you'd need to do in order to add markup that you could add image separators to </p> http://themeshaper.com/forums/topic/thematic-images-for-nav-links-038-seperators#post-23515 Tue, 18 Oct 2011 16:53:12 +0000 daydreamer2k 23515@http://themeshaper.com/forums/ <p>Hello,</p> <p>Having a little bit of a hair pulling out moment, I'm using thematic, I've customised the child theme exactly as I want except for one thing, I want to use images for the links in the navigation menu, and I also want to incorporate some seperators between the links which are also images. I have been searching &#38; searching &#38; cannot seem to work this out? </p> <p>Any help would be much appriciated! </p> http://themeshaper.com/forums/topic/how-to-remove-nav-above-help-me#post-23172 Thu, 22 Sep 2011 01:09:27 +0000 helgatheviking 23172@http://themeshaper.com/forums/ <p>they are in the markup, but hidden w/ CSS as the default setup. try adding:</p> <pre><code>#nav-above { display: block; }</code></pre> <p>to your child's style.css </p> http://themeshaper.com/forums/topic/how-to-remove-nav-above-help-me#post-23170 Thu, 22 Sep 2011 00:42:23 +0000 roycreative 23170@http://themeshaper.com/forums/ <p>How do I ADD them? I have a child theme, and they were never there... </p> http://themeshaper.com/forums/topic/single-page-layout#post-23104 Thu, 15 Sep 2011 09:00:58 +0000 middlesister 23104@http://themeshaper.com/forums/ <p>This is not so hard as it may seem. Simply make a custom page template with a loop that fetches all pages. In the loop, you can change the posts' id attribute to use the slug instead of the post ID number. That way the url of the links will be <a href="http://www.example.com/containing-page#page-slug" rel="nofollow">www.example.com/containing-page#page-slug</a> instead of <a href="http://www.example.com/containing-page#post-123." rel="nofollow">www.example.com/containing-page#post-123.</a></p> <p>Then build your wordpress menu with custom links to point to the relevant places. </p> http://themeshaper.com/forums/topic/single-page-layout#post-23092 Thu, 15 Sep 2011 01:39:51 +0000 dannewman 23092@http://themeshaper.com/forums/ <p>Has anyone tried and had any success making all the pages show up on a single page in order. Then when you click the link it scrolls to you to the appropriate spot in the page. I am about to try this but am a little intimidated by it. Has anyone had any success with this implementation in thematic or any tips on getting this done? </p>