adding custom icons in Magnolia CMS

Question

I have problem adding custom icons in Magnolia CMS. I added png file in Templating Kit -> Resources in directory templating-kit/themes/myTheme/img/icons/icons.png.

In styles.css I have line: background-image: url("../img/icons/icons.png"); but it doesn't work (firebug prints error: "NetworkError: 404 Not Found - http://localhost:8080/magnoliaAuthor/resources/templating-kit/themes/myTheme/img/icons/icons.png"

What have I done wrong?

Thanks in advance for every tip

Answer 1

The url seems valid. Go to the icon again, double click it to open it for editing and then look at the url produced in preview, that is the url you should use. Sometimes, probably depending on how you add the icon, it is accessible under http://localhost:8080/magnoliaAuthor/resources/templating-kit/themes/myTheme/img/icons/icons/binary.png instead of under the URI you tried.

HTH, Jan