How to best change on the background colour of header block on JA Social

andrewwinkler

I am going to swap the menu block and the logo block on the JA Social II template. You already told me how to do this. Many thanks. Now I would also like to swap the background colors of the header blocks, so that the menu block has white font on blue background and the logo has a white background.

pavit

Hi andrewwinkler

Add to your custom.css this snippet code

.t3-header {
  background: #fff!important;
  }
  .navbar-default {
  background-color: #01579b!important;
  border-color: #01579b!important;
}
.navbar-nav > li {
  border: 1px solid #01579b!important;
}
.navbar-default .navbar-nav > li > a {
  color: #fff!important;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff!important;
  background-color: transparent;
}
.nav .caret {
  border-top-color: #fff!important;
  border-bottom-color: #fff!important;
}

Regards