Modifying Navbar



  • This post is deleted!

  • Global Moderator

    Yes, there is.

    Here's an example using a light shade of blue:

    .navbar-default {
      background-color: #64B5F6;
      border-color: #90CAF9;
    }
    
    /* you may need this part if the contrast of the icons / text isn't enough */
    .navbar-default .navbar-nav>li>a, .navbar-default .btn-link {
      color: #424242; /* darker grey than normal */
    }
    

    And here's an example using a dark shade of blue:

    .navbar-default {
      background-color: #0D47A1;
      border-color: #1565C0;
    }
    
    /* you'll need this since the normal shade of grey isn't light enough */
    .navbar-default .navbar-nav>li>a, .navbar-default .btn-link {
      color: #E0E0E0;
    }
    .navbar-default .navbar-nav>li>a:hover, .navbar-default .btn-link:hover {
      color: #FFFFFF;
    }
    

Log in to reply
 


Looks like your connection to NodeBB was lost, please wait while we try to reconnect.