Additionally, i would like to shift the breadcrumbs towards the left side to give more space...since most of the breadcrumbs with category goes onto next line due to lack of space and looks really ugly and unaligned
Please move this code on 1st position then because on our side it works when we type it into Firebug. You must have errors in css somewhere and that's why this css does not work. Or if this really won't work, then please try below css instead:
#Subheader ul.breadcrumbs li a { color: #000 !important; }
Comments
take a look into Custom CSS section. There is a code responsible for title color. It's:
#Subheader .title { color: #888888; }I changed the code to white color, but still shows grey --> http://www.dawahflix.com/home/
#Subheader .title { color: #FFFFFF; }However, the breadcrumbs color does not seem to change, even though i have used:
#Subheader ul.breadcrumbs { color: #FFFFFF !important; }
http://www.dawahflix.com/home/
#Subheader ul.breadcrumbs li a { color: #000 !important; }Are you sure the code is "li a"?
For white:
#Subheader ul.breadcrumbs li a { color: #FFF !important; }
Shall i change it to that?