Desperate: Need to change breadcrumbs text color in Orange Pro
Permalink
I desperately need help to change the text color of my Breadcrumbs Nav to white without changing the hyperlink color in the body which is green and red hover.
When I was using the default them, doing the below worked, but not with Orange Pro.
Below the are changes I made but did not help.
Main Css (Concrete)
Main Css (Orange Pro)I changed every instance of other color and put white, no effect.
Typography css (Orange Pro) I change the color to white but no effect.
Please help.
I you can teach me also how the remove the arrows in Breadcrumbs -- that will be great.
When I was using the default them, doing the below worked, but not with Orange Pro.
#page #header ul.nav-header li a,#page #header ul.nav-header li a:hover{ text-decoration:none; color:#FFFFFF}Below the are changes I made but did not help.
Main Css (Concrete)
#page #header ul.nav-header li a,#page #header ul.nav-header li a:hover{ text-decoration:none; color:#FFFFFF}Main Css (Orange Pro)I changed every instance of other color and put white, no effect.
#page #header #headerNav{ position: fixed; top: 14px; right: 0px; z-index:2; width:100%; overflow:visible; top: 0px; left: 0px; height: 50px; font-size: larger;} #page ul.nav-header{ list-style:none; margin:0px; padding:0px; width:100%; z-index:2; overflow:visible; float: right; background: url(images/nav-header_bg.png) repeat-x top; height: 40px; } #page #header ul.nav-header li{float:left; padding:2px 0px; margin-left:0px; margin-bottom: 0px; color:color:#FFFFFF; font- size:medium; padding: 10px 10px 0 10px; right: 0; } #page #header ul.nav-header li:hover { background: url(images/nav-selected_bg_dim.gif) repeat-x; color:#FFFFFF; height: 40px; } #page #header ul.nav-header li a,#page #header ul.nav-header li a:hover{ text-decoration:none; color:#FFFFFF; } #page #header ul.nav-header li.nav-selected{ background: url(images/nav-selected_bg.gif) repeat-x; color:#FFFFFF; height: 40px; padding: 10px 20px 0 20px; }
Typography css (Orange Pro) I change the color to white but no effect.
a,a:visited,a:active { /* customize_link */ color: #FFFFFF; /* customize_link */ text-decoration: none; } a:hover { /* customize_link_hover */ color: #FFFFFF; /* customize_link_hover */ text-decoration: none; }
Please help.
I you can teach me also how the remove the arrows in Breadcrumbs -- that will be great.
