question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Navbar Labels becomes blur when I changed the color

See original GitHub issue

Describe the bug In AdminLTE-3.1, I tried to change the Header Navbar color from white to danger as shown below:

<nav class="main-header navbar navbar-expand navbar-danger navbar-light">

But the resulting Navbar header looks blur. The labels are no more clear. See it below: adminlte_header

How do I resolve this and make the labels clear and legible?

Thanks

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:6

github_iconTop GitHub Comments

1reaction
REJackcommented, Jan 12, 2022

I’ve tested it with v3.2 (master) and it works, if I replace navbar-light with navbar-dark.

Then it looks like this: img

0reactions
noblemfdcommented, Jan 14, 2022

Thanks so much @REJack

Read more comments on GitHub >

github_iconTop Results From Across the Web

html - Blurry logo - nav bar - Stack Overflow
My logo is showing blurry but I cannot figure out what I'm doing wrong. I've tried removing each attribute to find what was...
Read more >
barTintColor not working in iOS 15 | Apple Developer Forums
I followed the advice from @Rincewind and got it working, with one exception: When you change the appearances, the navigation text, is then...
Read more >
Fixing a Blurry Logo - Part 1 (PNG) - Web Design Blog
The issue of blurriness arises when you upload an image that has the exact pixel dimensions of the space you are targeting.
Read more >
How to make Bootstrap Navbar transparent - code helpers
You can achieve a very impressive effect by using our animated navbar, which is transparent on start, and change the color after the...
Read more >
How To Create a Top Navigation Bar - W3Schools
Learn how to create a top navigation bar with CSS. ... Add a black background color to the top navigation */ ... Change...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found