flexdashboard - change title bar color

Viewed 12632

I want to change the title bar color of a flexdashboard.

I've found an example for removing it - SE here, but given that I don't know any CSS/JQuery, I had to ask.

I want to change the bar color to red, and the text to black.

Anyone?

Edit (example below):

---
title: "DB: Contact information"
output: 
  flexdashboard::flex_dashboard:
    orientation: columns
    vertical_layout: fill
---

<style>                     
.navbar {
  background-color:crimson;
  border-color:black;
}
.navbar-brand {
color:black!important;
}


</style>   


Dashboard
=====================================  

Test. Test. Test. 

Column {data-width=650}
-----------------------------------------------------------------------

### Clustered Data

Result: enter image description here

1 Answers
Related