ThemeShaper Forums » Thematic


Border-top in sf-menu not working

(3 posts)
  • Started 10 years ago by defries
  • Latest reply from defries
  • This topic is not resolved
  1. Hi everyone,

    I have setup a menu with colored borders. Everything works fine in Chrome, FF & Safari, but in IE8 the bottom-top is displaying #FFF instead of the .current_page_item css .. and I'm stumped.

    This is what the css looks like:

    .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    	background:none repeat scroll 0 0 #FFF;
    	outline:0 none;
    .sf-menu .current_page_item a, .sf-menu a .current_page_item a, .sf-menu .current_page_ancestor a{
    	border-left: 1px solid #F39800;
    	border-top: 1px solid#F39800 !important;
    	border-right: 1px solid #F39800;
    	-webkit-border-top-left-radius: 8px;
    	-webkit-border-top-right-radius: 8px;
    	-moz-border-radius-topleft: 8px;
    	-moz-border-radius-topright: 8px;
    	border-top-left-radius: 8px;
    	border-top-right-radius: 8px;
    .sf-menu a {
    	border-bottom:1px solid #F39800;
    	border-top:1px solid #FFF;
    	padding:9px 13px;

    You can see it live on Anybody have clue?

    Posted 10 years ago #
  2. Love it .. took me a while to catch this nasty tiny bug.


    border-top: 1px solid#F39800 !important;


    border-top: 1px solid #F39800 !important;


    Posted 10 years ago #
  3. Thank you so much Chris.. I missed the 'missing' space over and over... Danke schön!

    Posted 10 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.