sdaveCL
Member
I feel a bit daft, but for the life of me I cannot figure this out.
I added border radius to to the styling of the menu:
.sf-menu a {-moz-border-radius:10px; border-radius:10px;}
...but little white corners remain. This looks weird on a black background!
I have tried placing overflow:hidden; under various things in the child style.css but nothing works.
Any ideas?
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.
Also, a little tidbit to keep up on the latest info.
Border Radius no longer needs to be prefixed with -moz or -webkit. http://html5please.com/
.sf-menu a { border-radius:10px; }Save yourself a little time in the future. ;)
@scott - mozilla supports this now? sweet!
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.
sdaveCL
Member
Yup, that was the ticket. Thanks much!
Didn't know that about the prefixes either. Thanks Scott.
This topic has been closed to new replies.