http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Sun, 19 May 2013 09:54:34 +0000 http://themeshaper.com/forums/topic/nav-menu-items-flash-white-in-firefox-038-ie#post-26672 Thu, 26 Apr 2012 18:52:36 +0000 cjs 26672@http://themeshaper.com/forums/ <p>Amazing - think I can learn a lot from this forum! you guys rock! </p> http://themeshaper.com/forums/topic/nav-menu-items-flash-white-in-firefox-038-ie#post-26650 Wed, 25 Apr 2012 21:48:36 +0000 ScottNix 26650@http://themeshaper.com/forums/ <p>Also I knew it was a default somewhere in the orignal styling. I did use Firebug to look at the imported stylesheet and could see the whites still in the default styling. You may have been checking the actual a (link) when you actually need to manually select the li in Firebug itself.</p> <p>I never know if I should tell people this or not, but it is also best practice to combine all the @import files in the CSS to one single file. You don't have to, and there are valid reasons not to, but it also helps sometimes when you can just change the CSS itself so you don't have to override existing CSS. </p> http://themeshaper.com/forums/topic/nav-menu-items-flash-white-in-firefox-038-ie#post-26644 Wed, 25 Apr 2012 20:56:56 +0000 Jagst3r15 26644@http://themeshaper.com/forums/ <p>Yes, he knew because sf stands for "superfish" - the menu script being used. So always look for stuff like .sf-menu and whatnot when you want to style your menu in Thematic. </p> http://themeshaper.com/forums/topic/nav-menu-items-flash-white-in-firefox-038-ie#post-26643 Wed, 25 Apr 2012 20:44:54 +0000 cjs 26643@http://themeshaper.com/forums/ <p>Thanks for such a quick response ScottNix -<br /> All sorted!</p> <p>Out of curiosity how did you know to look at those? (just to give me a chance of finding future problems?)<br /> Thanks again!</p> <p>Craig </p> http://themeshaper.com/forums/topic/nav-menu-items-flash-white-in-firefox-038-ie#post-26634 Wed, 25 Apr 2012 17:10:24 +0000 ScottNix 26634@http://themeshaper.com/forums/ <p>In your default.css that Thematic uses, it is one of these guys.</p> <pre><code>.sf-menu li { background: #FFFFFF; } .sf-menu li li { background: #FFFFFF; } .sf-menu li li li { background: #9AAEDB; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #FAFAFA; border-bottom-color: #CCCCCC; outline: 0pt none; }</code></pre> <p>I can't be positive which one, could be a combo of a few. You could either set a background, or override it. The white is on the LI, it is a little bit of a pain to test viewing with Firebug because a page load will wipe the changes made. Easiest way would be to make all the whites #ffffff, and #fafafa something like pink to easily identify which one. </p> http://themeshaper.com/forums/topic/nav-menu-items-flash-white-in-firefox-038-ie#post-26633 Wed, 25 Apr 2012 16:43:12 +0000 cjs 26633@http://themeshaper.com/forums/ <p>Hopefully some experts here can help?<br /> This is a tricky one to describe so bare with me!</p> <p>I am fairly new to CSS mods and have been trying to modify my navigation menu. <a href="http://www.testwp.nosrednas.co.uk/" rel="nofollow">http://www.testwp.nosrednas.co.uk/</a><br /> I have managed to mostly get the desired effects (hover over is the same colour as the current page, and all other pages are a different colour)<br /> however when I click to navigate to another page if I click and then move the mouse away (to stop the hover over) it seems to go to anothre state (a white background) and I cannot stop it from doing this???</p> <p>I am sure its something obvious - but have tried countless mods to the child theme CSS, searched numerous forums for an answer, have tried interogating with firbug (but cannot find anything useful because it only happens once you've clicked and moved away from the link!)<br /> Also it doesnt do it in Chrome, but does do it in IE9 and FF</p> <p>Any help / advice appreciated</p> <p>Thanks in advance, </p> <p>Craig </p>