CODEWITHSUNDEEP
cssasp.netvisual-studio
Zalgawi
Zalgawi

Reputation: 23

How to change Nav bar font colors (ASP.NET)

I am currently trying to create a web-based page by creating a new, default ASP.NET Web Application (.Net Framework) and I found out that I can change the colour of the navigation bar by adding the following code to the "Site.css" in the content file.

.navbar-inverse {
background-color: #74D6FF;
border-color: #74D6FF;
}

I also know that I can change the text for all the different text tabs within the navigation bar by modifying the Site.Master.

The one thing that I have not figured out is how to change the color of the text within the navigation bar? May anyone assist me with this?

Upvotes: 1

Views: 5878

Answers (2)

abney317
abney317

Reputation: 8492

Current active page:

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a {
    color: #xxxxxx;
}

Current active page (on hover):

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #xxxxxx;
}

Other pages:

.navbar-inverse .navbar-nav > li > a {
    color: #xxxxxx;
}

Other pages (on hover):

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #xxxxxx;
}

Upvotes: 2

TazTheManiac
TazTheManiac

Reputation: 402

I have no experience with ASP.NET, but are you just changing the font color with css? then this should work.

.navbar-inverse {
    background-color: #74D6FF;
    border-color: #74D6FF;
    color: #VALUE;
}

Upvotes: 0

Related Questions