Changing Icons on HTML Template

I’m customizing quantum. There are svg icons on the template. The stylesheet code for icomoon and flaticon in the head looks right.

All icon class looks like “bi bi-XXX” When I change the XXX to any another common icon name, update the css and save the file, I still see the XXX icon in my browser, even after refreshing multiple times.

Any ideas?

Hi there

I need some more information, please provide link to the page, screenshot and steps to replicate your problem

Regards

I’m doing this on my desktop so there’s no link. In the first screen shot I changed the <svg…class to bi bi-person-fill from lightning. I save the changes, update the css. The image in the browser should change to a person icon but the lightning is still there.

They system will only let me attach one image so I’ll add another post for the second screen shot.

Any idea why these icons seem to be hard coded and unable to be changed?

Hi there

I still have a problem to replicate the problem, any chance to get it online?

Even if I uploaded the page to my server, I would not give you administrator access to the directory so I am unsure why you would prefer to have it uploaded when you own the code and can recreate my problem exactly if you do as follows:

  1. Open index.html within the Quantum folder, using your favorite html editor.
  2. Locate the following code.


  3. class=“bi bi-lightning-fill” places a lightning bolt on index.html.
  4. open index.html in a browser
  5. See the lightning bolt displayed on the page.
  6. Replace “bi bi-lightning-fill” with the code for any other icon.
  7. open index.html in a browser

You will see that the new icon is NOT displayed on the index.html page.