Need For Help To Custom Elegant Toolbar Module

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: .es-navbar {
background: #01579b;
} .es-nav-search {
background: #235277;
} .es-nav-search {
background: #08406b !important;
} .es-nav-dropdown {
background: #01579b;
border: 1px solid #01579b;
{ .es-nav.pull-right > li {
border-left: 1px solid #01579b;
} .es-nav-dropdown-toggle:after {
border-bottom: 6px solid #01579b;
} .es-nav-dropdown.for-feeds > div + div {
border-top: 1px solid #01579b;
} .es-nav-dropdown.for-guide > div > a:hover, .es-nav-dropdown.for-guide > div > a:focus {
background: #08406b;
} .es-nav-dropdown.for-menu > div > a:hover {
background: #08406b;
} .es-nav-dropdown.for-menu hr {
border-color: #08406b !important;
} .es-nav > li > a:hover {
background: #08406b;

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

Help please.
3 replies
Your time
Stack Ideas time
Support is
It's after office hours

It is currently off working hours and most of us aren't around.

Rest assured that we will get back to your issues as soon as the day starts tomorrow!

Official support hour is:
Monday — Friday. 10:00 am - 7:00 pm
Our timezone:
Kuala Lumpur (GMT +8)