Header color

[Johnny]

Hi,

How do I change header color? By default its white, and the icon and the text menus are black. I want to make the header background black and the text menu and icon white. Any suggestion?

[Anve S.]

HI @johnnetr,

Go to buddyboss > onesocial theme > styling > Titlebar background (#000)

Add following css in child theme’s custom css.

@media screen and (min-width:481px){
#header-aside span::before {
color: #fff !important;
}
#header-aside a i {
color: #fff !important;
}
#masthead .menu-titlebar-container .nav-menu li a {
color: #fff!important;
}
#masthead .menu-titlebar-container ul {
background-color: #000!important;
}
}

[David]

@anve – on mobile how do you make the mobile title bar white (with a grey bottom divider) and grey icons?

Thanks
David

[Anve S.]

Hi @orryspoon,

Try adding following in child theme custom css .

@media screen and (max-width:480px){
#mobile-header {
  background-color: #fff !important;
  border-bottom: 1px solid grey;
}
#mobile-header .left-btn::before {
  color: grey;
}
#mobile-header .right-btn::before {
  color: grey;
}
}

Regards
Anve

[David]

Thanks. This works.

[Anve S.]

Great 🙂