How to control navbar elements' colors?

I have the navbar set to 85% opacity because I want it to be semi-transparent when fixed on scroll (while I couldn’t care less if it’s semi-transparent when not on scroll).

At the same time I’d like to set these 2 elements (the bar and the border) to slightly different colors:

http://screencast.com/t/ZgT0mzvP
http://screencast.com/t/KdSP9Zzi

Is that possible at all with custom CSS? I couldn’t find the elements/attributes.

Hey Maurice,

Sorry, but do you mind sharing the URL of the site in question again so we can take a look? I seem to be having trouble figuring out those elements on the screenshots either, could you try elaborating? :slight_smile:

Ben

[Content Hidden]

Hey Maurice,

I can see the transparent fixed header background. Did you want to do something about that? Re the bar, you can use the CSS snippet below.

@media (max-width: 767px) {
  .fl-page-nav .navbar-toggle {
    background: red;
  }
}

Not really sure about the border though. What specific page can I see that?

Ben