Hello, I would like to replace the check icons in the review page only. We can find it there : <span class="approved"> <svg class="fa d-icon d-icon-check svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use href="#check"></use></svg> Approved </span> If I use this: api.re…

Not 100% sure it would work because I haven’t tried it, but you can try to get the current page with javascript, check if it’s a review page, then change the icon with your line of code. I believe there was a JS example somewhere on meta using the API to get the current page we’re on, but I couldn’…

I tried that: api.onPageChange((url) => { if (window.location.href.indexOf("review") > -1) { api.replaceIcon('check', 'full-circle-icon'); } } But it’s not working… I have this error: SyntaxError: /discourse/theme-35/initializers/theme-field-379-common-html-sc…

You forgot ); at the end of your code, hence the error. Something like this could work (don’t mind the URI parsing, there’s many ways to do it): api.onPageChange((url) => { if (location.pathname.split('/')[1] == "review") { api.replaceIcon('check', 'full-circle-icon'); …

[이미지] Coin-coin le Canapin: you should revert the icon Do you know how to do that?

Hello, I write a css solution too. :slightly_smiling_face: It will hide the default check icon and add the custom icon to a ::before pseudo. Create a new theme component. Upload the icon to the Uploads section and add the SCSS var name: review-approved-icon [Screenshot 2022-11-29 at 21.47.…

리뷰 페이지에만 표시되는 고유 커스텀 아이콘

개발

Joart 11월 29, 2022, 4:27오후 5

방법을 아시나요?

글		댓글	조회수
Change icons globally Developer Guides how-to	26	10544	10월 5, 2025
Change single instance of icon Feature	14	470	5월 16, 2025
Why doesn't the icon change everywhere? Product Support	9	1102	8월 30, 2019
I can't change the notification icons Development	6	932	1월 30, 2023
Replace Discourse's default SVG icons with custom icons in a theme Developer Guides how-to , theme-guides	10	9474	2월 24, 2026

리뷰 페이지에만 표시되는 고유 커스텀 아이콘

Related topics