Change application logo dimensions

To change the application logo width and height, use the following CSS custom styles in your Settings > General > Custom CSS section:

.navbar-brand img {
  width: 180px !important;
  height: 40px !important;
  box-shadow: none;
  border-radius: 0 !important;
}
.login-brand img {
  width: 180px !important;
  height: 40px !important;
  box-shadow: none;
  border-radius: 0 !important;
}
.sidebar-brand img {
  width: 180px !important;
  height: 40px !important;
  box-shadow: none;
  border-radius: 0 !important;
}

The first class .navbar-brand img will allow you to customize the dimension of the logo image section in the header according to your preferences by using the first and second properties. The third property removes the white shadow around the image, while the fourth property eliminates any curvature in the corners of the image.

The second class .login-brand img will allow you to customize the dimensions of the logo for the login, register, and forgot pages.

The theird class .sidebar-brand img will allow you to customize the dimensions of the logo for the authenticated pages for both user and admin panels.

Note: Application updates will not affect any of the above CSS custom code set in Custom CSS section.