Soon OdinCMS and OdinSTORE are on the way — be the first to know. Join the list
OdinZero
Get Pro Live preview
  1. Home page
  2. Help center
  3. Customizing

Add your own logo

Replace the image and the name in the sidebar's .sb-brand block, and the favicon.

The logo sits at the top of the sidebar, in .sb-brand:

<a href="index.html" class="sb-brand">
  <div class="logo"><img src="images/favicon-white.svg" alt=""></div>
  <span>ODIN <span class="brand-dot">ADMIN</span></span>
</a>
  1. Put your logo in images/ — an SVG stays sharp at every size. The sidebar is dark, so use a light version.
  2. Change the src of the image and replace the name. .brand-dot colours part of the name in the primary colour; leave it out for a one-colour name.
  3. Replace the favicon link in the page head with your own icon.

The sign-in and register pages show the logo too — update them the same way.

Back to the help center