BuddyDev

Search

This section allows controlling the global site header appearance.

Background:-

buddypress-community-builder-panel-styling-site-header-1

You can select an image as background or use some color. The background colors have alpha transparency allowed.

Text/Link Colors:-

buddypress-community-builder-panel-styling-site-header-2

You can update the header text color, header link/hover color.

Border Control:-

buddypress-community-builder-panel-styling-header-border

You can also control the header border. The border control allows you to control which edges(all, left, top, right, bottom) should have border and what border style(solid, dashed, dotted etc) shuld be used. You can select the border width and the color(alpha transparency is allowed in border color) .

Panel Toggler Styling:-

You can live customize the colours of the panel togglers from here.

Here is an example showing the customization of left panel toggler colour.

 

Login/register button styling:-

buddypress-community-builder-panel-styling-site-header-3

If you have the login/register buttons enabled in the header, you can style them here.