visjs timeline change CSS on top

Question

I'm trying to change the css of the top (the part showing the dates) of a vis.js timeline. My code so far is this

.vis-time-axis.vis-foreground .vis-major, .vis-time-axis.vis-foreground .vis-minor, .vis-panel.vis-top {
    background-color: #f7f7f7;
}

this gives me a result like this:

compared with the timeline without my changes, I have now lost the seperating vertical line between days and also between the time

Do anybody knows how to fix the css?

I also have a problem to set the background-color on the "field" over the groups, so any help on this will also be appreciated...

Answer 1

Try with

.vis-time-axis .vis-grid.vis-minor, .vis-time-axis .vis-grid.vis-major {
  border-color:red;
}

https://jsfiddle.net/Javier/x52toyr9/6/