http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Wed, 22 May 2013 15:14:07 +0000 http://themeshaper.com/forums/topic/remove-white-corners-from-menu-with-border-radius#post-26481 Fri, 20 Apr 2012 02:22:36 +0000 sdaveCL 26481@http://themeshaper.com/forums/ <p>Yup, that was the ticket. Thanks much! </p> <p>Didn't know that about the prefixes either. Thanks Scott. </p> http://themeshaper.com/forums/topic/remove-white-corners-from-menu-with-border-radius#post-26475 Thu, 19 Apr 2012 20:32:55 +0000 ScottNix 26475@http://themeshaper.com/forums/ <p>Yup, same with CSS3 box-shadow, no need to prefix that. I hate prefixes with a passion, imagine all the tutorials out there and tools for generating CSS3 for both those that will never be updated to reflect not needing prefixes. </p> http://themeshaper.com/forums/topic/remove-white-corners-from-menu-with-border-radius#post-26474 Thu, 19 Apr 2012 20:12:17 +0000 helgatheviking 26474@http://themeshaper.com/forums/ <p>@scott - mozilla supports this now? sweet! </p> http://themeshaper.com/forums/topic/remove-white-corners-from-menu-with-border-radius#post-26471 Thu, 19 Apr 2012 19:06:04 +0000 ScottNix 26471@http://themeshaper.com/forums/ <p>Also, a little tidbit to keep up on the latest info. </p> <p>Border Radius no longer needs to be prefixed with -moz or -webkit. <a href="http://html5please.com/" rel="nofollow">http://html5please.com/</a></p> <pre><code>.sf-menu a { border-radius:10px; }</code></pre> <p>Save yourself a little time in the future. ;) </p> http://themeshaper.com/forums/topic/remove-white-corners-from-menu-with-border-radius#post-26469 Thu, 19 Apr 2012 18:25:44 +0000 helgatheviking 26469@http://themeshaper.com/forums/ <p>use firebug or chrome dev tools. you will find that thematic's default skin has a white background on the LI element. i am not a fan of that styling, but that's how it is. </p> http://themeshaper.com/forums/topic/remove-white-corners-from-menu-with-border-radius#post-26464 Thu, 19 Apr 2012 16:32:59 +0000 sdaveCL 26464@http://themeshaper.com/forums/ <p>I feel a bit daft, but for the life of me I cannot figure this out.</p> <p>I added border radius to to the styling of the menu:<br /> <code>.sf-menu a {-moz-border-radius:10px; border-radius:10px;}</code></p> <p>...but little white corners remain. This looks weird on a black background!</p> <p>I have tried placing overflow:hidden; under various things in the child style.css but nothing works. </p> <p>Any ideas? </p>