Templates Help Hire Us

Checkout Pro Version

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

Change Logo

Change light Logo

To change logo : packages/main/components/lc/Full/logo/LogoLight.vue
Put the logo image into the /images/logos folder. 
                            
<script setup lang="ts">
import { RouterLink } from 'vue-router';
import logolight from '/images/logos/logo-light.svg';

</script>
  <template>
      <div class="logo">
          <NuxtLink to="/">
            <img :src="logolight" alt="home" />
          </NuxtLink>
      </div>
  </template>

Change Dark Logo

To change logo : packages/main/components/lc/Full/logo/LogoDark.vue
Put the logo image into the /images/logos folder. 
                            
<script setup lang="ts">
  import { RouterLink } from 'vue-router';
  import logodark from '/images/logos/logo-dark.svg';
</script>
<template>
    <div class="logo">
        <NuxtLink to="/">
          <img :src="logodark" alt="home" />
        </NuxtLink>
    </div>
</template>

Change Light RTL Logo

To change logo : packages/main/components/lc/Full/logo/LogoLightRtl.vue
Put the logo image into the /images/logos folder. 
                            
<script setup lang="ts">
  import { RouterLink } from 'vue-router';
  import RtlLightlogo from '/images/logos/dark-rtl-logo.svg';
</script>
<template>
    <div class="logo">
        <NuxtLink to="/">
          <img :src="RtlLightlogo" alt="home"/>
        </NuxtLink>
    </div>
</template>

Change Dark RTL Logo

To change logo : packages/main/components/lc/Full/logo/LogoDarkRtl.vue
Put the logo image into the /images/logos folder. 
                            
<script setup lang="ts">
  import { RouterLink } from 'vue-router';
  import RtlDarklogo from '/images/logos/light-logo-rtl.svg';
</script>
<template>
    <div class="logo">
        <NuxtLink to="/">
          <img :src="RtlDarklogo" alt="home"/>
        </NuxtLink>
    </div>
</template>

Change light Logo

To change logo : packages/main/components/Layout/Full/logo/Logo.vue
Put the logo image into the /public/images/logos folder. 
                            
<script setup lang="ts">
import Logo  from '/images/logos/logo.svg';
</script>
  <template>
      <div class="logo">
        <NuxtLink to="/">
          <img :src="Logo " alt="logo" />
        </NuxtLink>
      </div>
</template>