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

pro asked 5 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 Useful links CONTACT US WORKSHOPS ABOUT KEN FAQ SITE MAP © 2017 Copyright: Ken Goldstein Photography

Marta Wierzbicka staff answered 5 years ago


Hi,

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

Best,

Marta


pro commented 5 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 Wierzbicka staff commented 5 years ago

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

pro commented 5 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 Wierzbicka staff commented 5 years ago

I've sent you an answer to your email.

Marta Wierzbicka staff answered 5 years ago


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

pro commented 5 years ago

where would I put this code? which CSS file?


Please insert min. 20 characters.

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
Tags