Hello there,

I pasted the code below in custom.css file of JA Social II template (by Joomlart) in order to get all toolbar module in blue color. But as u can see in Test site, some parts of toolbar module are still staying black; and on some pages, all toolbar module becomes just black.

my custom css:

div#fd.es .es-navbar {

    background: #01579b;

}



div#fd.es .es-nav-search input.search-query {

    background: #235277;

}



div#fd.es .es-nav-search input.search-query:focus {

  background: #08406b !important;

}



div#fd.es .es-nav-dropdown {

  background: #01579b;

  border: 1px solid #01579b;

{



div#fd.es .es-nav.pull-right > li {

  border-left: 1px solid #01579b;

}



div#fd.es .es-nav-dropdown-toggle:after {

border-bottom: 6px solid #01579b;

}



div#fd.es .es-nav-dropdown.for-feeds > div + div {

  border-top: 1px solid #01579b;

}



div#fd.es .es-nav-dropdown.for-guide > div > a:hover,

div#fd.es .es-nav-dropdown.for-guide > div > a:focus {

  background: #08406b;

}



div#fd.es .es-nav-dropdown.for-menu > div > a:hover {

  background: #08406b;

}



div#fd.es .es-nav-dropdown.for-menu hr {

  border-color: #08406b !important;

}



div#fd.es .es-nav > li > a:hover {

  background: #08406b;

}

I also joined attachments to show u parts i cannot turn into blue.

Help please.