Feature Navigation Bar

[julijam 0]

Hi, I'm customizing the navigation bar of the feature banner section of the home page, but I can't figure out why there is still a white line around the top left corner of the navigation box and a "1" and "2" over the dots. I'd like to get the dots a little bigger and no numbers on top... Any suggestions? The page is http://2somedance.com/tdwts/ custom css code for the navigation: /* rounded corner buttons */ .callout, .main_nav ul li:active, .main_nav ul li:hover, .main_nav ul li, .sf-menu li, .main_nav ul.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .searchfield, #twitterbar {-moz-border-radius: 10px; border-radius: 10px; border-top: 0px; border-left: 0px;} /* feature navigation slider */ #feature-footer {width: 150px; text-align: right; border: 0px; -moz-border-radius: 10px; border-radius: 10px; background: transparent !important; margin-left:80%; margin-top: -25px; border-top: 0px; border-left: 0px; background-color:transparent;border-color:transparent;} #featurenav a{background:#d4cc93;} #featurenav a.activeSlide{background:#FFF;} #featurenav a:hover{background:#FFF;} #feature-footer.dots a {-moz-border-radius: 5px; -webkit-border-radius: 5px;} /*feature nav play pause buttons */ #feature-footer span.playpause, #feature-footer span.playpause.resume { background-color:transparent;border-color:transparent; width:30px; height:30px;} /* feature text slider */ #feature_slider .fcontent {margin-top: 150px; padding-left: 15px; width:1000px;} #feature {margin-top:0px;} /*for feature page secondary navigation to be higher and bigger*/ #secondnav {margin-top:-15px; font-size: 1em; text-align: center; margin:0 auto;position:relative;}

[Jenny 33]

I recommend downloading Firebug (http://www.getfirebug.com) to figure out which CSS elements are causing the issues. Use the following code in your custom CSS to remove the border: [code]#feature-footer .feature-footer-pad { border: 0 none; }[/code] For the navigation, it is displaying both the dots and the numbers most likely because you have both options set somewhere. Check PlatformPro -> Feature Settings (should be set to "Squares or Dots"). And then on each individual feature slide, make sure you don't have anything listed in the "Navigation Label" section.

[julijam 0]

thanks! that fixed the border problem. i forgot about firebug :) as far as the numbers go in the feature navigation, i made sure i had nothing in the "navigation label" section??” even when I put something in the numbers continued to show up over the dots. any other ideas?

[Danny+ 1,327]

Hi Julijam, To remove the 1 & 2 try adding this to your custom code: [code] #feature-footer.dots a { text-indent: 9999px; } [/code]

[julijam 0]

yay! thank you!!!