Custom Icon in topbar doesn´t show anymore

[gehess]

Hi guys,

I always used a custom icon in my topbar, which work just fine till now. I tried to edit the logo and now it doesn´t show up anymore.
The code I use is in topbar is:

<a href="https://moodle.de" title="Moodle"> <span class="x-icon-moodle"></span> </a>

And as css I use this:

.x-icon-moodle{
    background:url(custom-url) top center no-repeat;
    width:25px;
    height:20px;}

.x-icon-moodle:hover{
     background-image:url(custum-hover url);
}

Is there any fault with the snippet or do you have some advice, why the logo doesn´t work anymore?
thanks!

Edit: See “taus-gymnasium.de” and look at missing icon in the topbar

[nabeel]

Hi @gehess,

Thank you for reaching out to us. To fix the issue, please update your code with the following:

.x-icon-moodle {
    background: url(custom-url) top center no-repeat;
    width: 25px;
    height: 20px;
    display: inline-block;
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!