Add class css to matomo

General questions
1

I need to add some extra

and classes.
I did all the needed change in navigation, but here when i want to doit on server i didt know from where i start expecially its quite complicated.

exp: add image banner to matoto , haw i can do it

2

Hi,

You can customize Matomo by creating Plugins and Themes.

See
https://developer.matomo.org/guides/distributing-your-plugin
and
https://developer.matomo.org/guides/theming

You can also change the main image in the general settings

3

Hello, Thank you for the link, in fact the theme, but it does not offer me the option to add a banner image.
so I made these changes:

image
image1575×281 26.7 KB

1- add a title
2- add a banner image
3- change the colors of the icons

While with the theme I only change the colors.

Thank you.

4

Hi,

Changing the colors is possible as described in the theme guide (and by adding custom CSS/overwriting LESS variables).

Changing the template is a bit more complex, but you can override any template file (.twig) in Matomo in your theme:
https://developer.matomo.org/guides/theming#twig-the-template-engine

5

Hi,
I dont know if i have the same version as the article , here is my
image

i tried to add some code into the “index.twig”

{% include "@Dashboard/_header.twig" %}
<div class="top_controls"><div class="new_banner"><span class="banner"></span><div>
    {% include "@CoreHome/_periodSelect.twig" %}
    {{ postEvent("Template.nextToCalendar") }}

and the css of those new classes in the dashboard.less:

span.banner {
    height: 121px;
    width: 1137px;   
	background: url(plugins/Morpheus/images/banniere1.png) no-repeat;
    margin: 0px auto;
    display: block;
}
.new_banner {
    min-width: 1260px;
    background: #4ab4e6;
}

it doesnt work !