Tutorial: How to add your own logo.

[hercovandyk]

We recently decided to move all our internal documentation to our own Mayan repository.

After setup, having only our name displayed seemed bland. Here's how I got our logo displaying somewhat correctly;

1. Move your png to the appearance app's images directory.

mayan/apps/appearnce/static/appearance/images/



2. Edit the appearance app's css to center the logo.

mayan/smartimage/media/static/appearance/css/base.css

Add the following lines to the bottom of the file:

Code: Select all

.navbar .navbar-brand {
  padding: 2px 7.5px;
}
.navbar .navbar-brand img {
  display: inline-block;
}

3. Edit the menu_topbar template:

I removed the title, and added my image.

mayan/apps/appearance/templates/appearance/menu_topbar.html

Replace the navbar-brand tag with the following:

Code: Select all

<a class="navbar-brand" href="{% url home_view %}">
    <img src="static/appearance/images/logo_100.png" style="height: 55px" alt="">
</a>

4. Reload

Collect your static files and restart supervisord or your container.

That's it! Here is my result: