Branding Module

The Branding Module allows you to edit the style and look of the WordPress dashboard. 

At the top of the Branding module screen are the tabs of the various types of branding changes you can make to the admin area. Within each tab you can create and save separate views, which are assigned their own set of rules. Learn more about adding rules here.

Admin Styles

The Admin Styles tab gives you the ability to easily change the styling of the WordPress admin screen using without any code.

The Admin Styles View is organized into the following areas:

  • Global - This includes style selections that will affect every screen in the admin interface universally. Note: any changes you make to more specific areas of the admin dashboard will supersede any changes you made here in the Global area.
  • Text & Links - This area includes style selections for the default text and links.
  • Headings - This area includes style selections for the various headings including page titles.
  • Buttons - This area includes style selections for the default WordPress admin buttons which include both Primary and Secondary button types.
  • Forms - This area includes style selections for all input, select and textarea fields.
  • Admin Menu - This area includes style selections for the admin menu (the menu that appears on the left side of the screen).
  • Toolbar - This area includes style selections for the toolbar and affects both the frontend and backend views of the toolbar.
  • Footer - This area includes style selections for the footer area.

Live Preview

The Admin Styles View includes a "Live Preview" button which allows you to see many of the style changes you're making in real time. Note: live preview only works on changes made after pressing the button. If you've made style changes and not saved them before clicking the button, they will not show until you save the current view.

Logo

The Logo tab gives you the ability to add a logo to various places in WordPress.

Admin Logo

The Admin Logo location drop-down gives you the following options:

  • Admin Menu Top - This will place the logo at the top of the admin menu, underneath the toolbar. You have the option to upload different logos for desktop and mobile views, as well as a smaller logo for when the admin menu is collapsed.
  • Admin Menu Bottom - This will place the logo at the bottom of the admin menu, underneath the last menu item. You have the option to upload different logos for desktop and mobile views, as well as a smaller logo for when the admin menu is collapsed.
  • Toolbar Left - This will place the logo at the far left of the toolbar. You have the option to upload different logos for desktop and mobile views.

Favicon Image - You can upload a favicon image icon that will show up in the tab at the top of your browser.

Login Screen

The Login Screen tab gives you the ability to easily change the styling of the WordPress login screen without any code.

The Login View is organized into the following areas:

  • Global - This includes style selections that will affect everything on the login screen. Note: any changes you make to more specific areas of the admin dashboard will supersede any changes you made here in the Global area.
  • Logo - This allows you to upload a logo that will appear on the login screen. You can choose a different icon for desktop and mobile views.
  • Headings - This area includes style selections for the various headings including page titles.
  • Form - This area includes style selections for the the login form box.
  • Labels - This area includes style selections for the field labels on the login form.
  • Fields - This area includes style selections for the input fields on the login form.
  • Log In Button - This area includes style selections for the login button.
  • Links - This area includes style selections for all links including the option to hide the "Back to Blog" link.
  • Admin Menu - This area includes style selections for the notification messages that appear.

Note: because users may not be logged in yet when they view this screen, the Rules are limited to only subsites on a multisite installation.

CSS & JavaScript Editors

These tabs give you the ability to add your own CSS or JavaScript code that will only take effect in the WordPress Dashboard area. Note: These screens also include rules for "Areas" which allow you to apply the styles to both the front-end and back-end area of your site.