Templates Help Hire Us

Checkout Pro Version

bootstrap Bootstrap Version angular Angular Version vue VueJs Version next NextJs Version react React Version react NuxtJs Version
Get Pro
All Access Pass

Change Logo

Change Logo

To change logo : package/demos/src/main/partials/logo-sidebar.html
Put the logo image into the assets/images/logos folder. 
                         
<div class="brand-logo d-flex align-items-center justify-content-between">
  <a href="../main/index.html" class="text-nowrap logo-img d-flex align-items-center gap-2">
      <b class="logo-icon">
          <!--You can put here icon as well // <i class="wi wi-sunset"></i> //-->
          <!-- Dark Logo icon -->
          <img src="../assets/images/logos/logo-light-icon.svg" alt="homepage" class="dark-logo" />
          <!-- Light Logo icon -->
          <img src="../assets/images/logos/logo-light-icon.svg" alt="homepage" class="light-logo" />
      </b>
      <!--End Logo icon -->
      <!-- Logo text -->
      <span class="logo-text">
          <!-- dark Logo text -->
          <img src="../assets/images/logos/logo-light-text.svg" alt="homepage" class="dark-logo ps-2" />
          <!-- Light Logo text -->
          <img src="../assets/images/logos/logo-light-text.svg" class="light-logo ps-2" alt="homepage" />
      </span>
  </a>
</div>

Change Logo

To change logo : src/html/*.html
Put the logo image into the assets/images/logos folder. 
                        
<div class="brand-logo d-flex align-items-center justify-content-between">
  <a href="../main/index.html" class="text-nowrap logo-img">
      <img src="../assets/images/logos/logo.svg" alt="Logo" />
  </a>
  <a href="javascript:void(0)" class="sidebartoggler ms-auto text-decoration-none fs-5 d-block d-xl-none">
      <i class="ti ti-x"></i>
  </a>
</div>