Tutorial: How to add your own logo.

Community contributed guides or tutorials for multiple topics like installations for other operating systems or platforms, monitoring, log aggregation, etc.
Post Reply
Posts: 14
Joined: Tue Nov 13, 2018 7:28 am

Tutorial: How to add your own logo.

Post by 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.



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


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.


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="">
4. Reload

Collect your static files and restart supervisord or your container.

That's it! Here is my result:

Posts: 4
Joined: Tue Oct 12, 2021 1:14 pm

Re: Tutorial: How to add your own logo.

Post by gope »

Won't this break on update?
Post Reply