Zoomdata Version

Changing the Home Page

By customizing how the Zoomdata home page looks, you style the look-and-feel of your accounts. By changing the outline colors, background colors, icons, and fonts, the home page can take on a whole new look. This topic provides the following tools for you to use:

  • Background color of the home page
  • Home menu side pane
  • Background hover colors
  • Background for My Favorites section of home page

Changing the background color of the home page

You can change the background color of the home page within your account(s) to match your particular design needs. Use the selector illustrated below:

.zdView-Home. zd-home {
background-color: lightBlue;
}

Changing the home menu side pane

You can change the color of the main menu pane. This menu is displayed both in the home page, as well as within charts and dashboards. Use the selector illustrated below:

.zd-side-pane {
background-color: red !important;
}

Changing the background hover color

When hovering over a dashboard thumbnail in the home page,  a hover background color is shown. You can change the default colors that is displayed. Use the selector illustrated below:

.zdView-Home. Zd-home:hover {
background-color: yellow
}

Changing the background for My Favorites

You can change the background color of the My Favorites section within the home page. Use the selector illustrated below:

.zd-home .zd-carousel-home {
Background-color: lightBlue;
}

Related Articles