navbar text colour not changing with hover or click.

Topic: navbar text colour not changing with hover or click.

photo@kengoldstein.com.au pro asked 7 years ago

Hello I am having trouble getting my nav-bar text to change colour with hover or click. Also, how can I change the colour that it changes to with the hover/click. my code is below. Ken Goldstein Photography a:active { color: ##0275d8; } a:visited { color: #0275d8; } a:hover { color: ##0275d8; }

<main Contact Us Follow Ken

Add comment

Marta Szymanska staff pro premium answered 7 years ago

0 0 Best answer

Hi, Try this CSS code:

.navbar.navbar-dark .nav-item .nav-link:hover {
color: #CC0000!important;
}
.navbar.navbar-dark .nav-item .nav-link:focus {
color: #FF8800!important;
}
.navbar.navbar-dark .nav-item .nav-link:active {
color: #007E33!important;
}
.navbar.navbar-dark .nav-item .nav-link:visited {
color: #0099CC!important;
}

Best, Marta

photo@kengoldstein.com.au pro commented 7 years ago

where would I put this code? which CSS file?

Add comment

Marta Szymanska staff pro premium answered 7 years ago

0 0 Best answer

Hi,

create your custom CSS file or put this code within <style></style> tags on the top of your HTML file.

Best,

Marta

photo@kengoldstein.com.au pro commented 7 years ago

I did this. it works in the preview (using Dreamweaver CC), but when I upload to my site, it doesn't work

Marta Szymanska staff pro premium commented 7 years ago

So, I need a file with your code to see what is wrong. You can send one to m.szymanska@mdbootstrap.com.

photo@kengoldstein.com.au pro commented 7 years ago

I have just sent you a file. What I want to achieve is that the normal navbar text colour is black and the hover is blue. Also, I would like to make the navbar text bold.

Marta Szymanska staff pro premium commented 7 years ago

I've sent you an answer to your email.

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

User: Pro
Premium support: No
Technology: General Bootstrap questions
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: Yes

About author

photokengoldstein-com-au

Pro User

0Support score
3Questions 0Answers

0Snippets likes 0Snippets