Changing icons of sub sections

Changing icons of sub sections

Hello, hello

I'm trying to change the icons for the sections in our knowledgebase. I have a piece of CSS code (see below) that I borrowed from a 3-year old post in these forums, but it's not quite working out.

With the code, I can get an own custom icon to show up, but it doesnt hide the default icon. Like this:



Much grateful if anyone could help me figure out what I'm missing.

Thanks :)

This is the code I'm using:

------

[data-id="Topic_title"], {
overflow: visible;
}

a[data-id="Topic_title"]::before {
height: 30px;
width: 30px;
margin-right: 10px;
display: inline-block;
position: relative;
top: 5px;
}

a[data-id="Topic_title"]::before {
content: "";
background: url("http://www.thisurl.com/assets/images/icons/product.svg");
background-size: contain;
background-repeat:no-repeat;
background-color: #FFF;
}

------