Customizing Frosty Toolbar

Customizing Frosty Toolbar

Changing the toolbar colour in Frosty theme can be done through css override customization. Place the following css override code in the /templates/<YOUR CURRENT TEMPLATE>/css/custom.css which can be located under your current Joomla template. However, utilizing this feature depends on if your Joomla template supports it.

/** Changing the color of the search in frosty **/
body #es .es-toolbar .o-navbar-search .o-navbar-search__query,
body #es .es-toolbar .o-navbar-search {
  background: #666;
}

/** Changing the background color of the toolbar in frosty **/
body #es .es-toolbar .navbar-inner,
body #es .es-toolbar .es-toolbar-avatar {
  background: #000;
  border: 1px solid #000;
}