beerForo Well-known member Apr 28, 2021 #1 My suggestion forum is used for something else. I already changed the forum icon but this one remains.
My suggestion forum is used for something else. I already changed the forum icon but this one remains.
Solution BassMan Oct 27, 2024 Use this code: Less: .structItem-statuses .fa-lightbulb-on { &:before { .m-faContent(@fa-var-lightbulb-on); } svg { display: none; } }
Use this code: Less: .structItem-statuses .fa-lightbulb-on { &:before { .m-faContent(@fa-var-lightbulb-on); } svg { display: none; } }
alfaNova Well-known member Apr 29, 2021 #2 Looks you use fontawesome for this. Lightbulb On Icon | Font Awesome Lightbulb On icon in the Solid style. Make a bold statement in small sizes.. Available now in Font Awesome 6. fontawesome.com If there is no customization in used addon, you can search it in templates or style with some keywords. Upvote 0 Downvote
Looks you use fontawesome for this. Lightbulb On Icon | Font Awesome Lightbulb On icon in the Solid style. Make a bold statement in small sizes.. Available now in Font Awesome 6. fontawesome.com If there is no customization in used addon, you can search it in templates or style with some keywords.
beerForo Well-known member May 2, 2021 #3 Yup looking for the css to change it to mine. Node level changed but not the mini. Upvote 0 Downvote
beerForo Well-known member May 19, 2021 #6 All I'm trying to do is change the lightbulb just don't know how Upvote 0 Downvote
beerForo Well-known member May 19, 2021 #7 I think I got it .fa-lightbulb-on:before { content: "\f672"; } Customize the f number is extras less. Upvote 0 Downvote
I think I got it .fa-lightbulb-on:before { content: "\f672"; } Customize the f number is extras less.
P Paul B XenForo moderator Staff member May 19, 2021 #8 The browser inspector is the easiest way to identify elements you wish to change. Upvote 1 Downvote
beerForo Well-known member May 19, 2021 #9 I keep thinking it's more involved when it comes to icons, thanks, it was easy. Upvote 0 Downvote
beerForo Well-known member Oct 27, 2024 #10 beerForo said: I think I got it .fa-lightbulb-on:before { content: "\f672"; } Click to expand... Can anyone help me format this for 2.3? I got it to change but the lightbulb is still there. Thanks Upvote 0 Downvote
beerForo said: I think I got it .fa-lightbulb-on:before { content: "\f672"; } Click to expand... Can anyone help me format this for 2.3? I got it to change but the lightbulb is still there. Thanks
BassMan Well-known member Oct 27, 2024 #11 REPLACE: Less: content: "\f672"; WITH: Less: .m-faContent(@fa-var-lightbulb-on); Upvote 0 Downvote
beerForo Well-known member Oct 27, 2024 #12 I'm changing the lightbulb to another icon but now both show. Upvote 0 Downvote
Mr Lucky Well-known member Oct 27, 2024 #13 See; Font awesome icons 2.3 - categories, nodes, prefixes, phrases, templates etc... Sep 19, 2024 A general guide to using Font Awesome icons in xenforo 2.3 Upvote 0 Downvote
See; Font awesome icons 2.3 - categories, nodes, prefixes, phrases, templates etc... Sep 19, 2024 A general guide to using Font Awesome icons in xenforo 2.3
beerForo Well-known member Oct 27, 2024 #14 It's not a node icon it's the mini one in the row. But thanks, used it as example. Last edited: Oct 27, 2024 Upvote 0 Downvote
BassMan Well-known member Oct 27, 2024 #16 Use this code: Less: .structItem-statuses .fa-lightbulb-on { &:before { .m-faContent(@fa-var-lightbulb-on); } svg { display: none; } } Upvote 1 Downvote Solution
Use this code: Less: .structItem-statuses .fa-lightbulb-on { &:before { .m-faContent(@fa-var-lightbulb-on); } svg { display: none; } }
beerForo Well-known member Oct 27, 2024 #17 Ah yes perfect. I noticed this strips the hover property for the Suggestion node phrase, is there a way to retain this? Thanks! Upvote 0 Downvote
Ah yes perfect. I noticed this strips the hover property for the Suggestion node phrase, is there a way to retain this? Thanks!