beerForo Well-known member Aug 7, 2021 #1 Trying to change these, thanks! lightning bolt/pen and paper to different
Solution BassMan Oct 3, 2024 For XF 2.3 use this code: Less: .button.button--icon--bolt i { .m-faContent(@fa-var-comments); margin-right: 5px; svg { display: none !important; } }
For XF 2.3 use this code: Less: .button.button--icon--bolt i { .m-faContent(@fa-var-comments); margin-right: 5px; svg { display: none !important; } }
bzcomputers Well-known member Aug 9, 2021 #3 Just swap the Font Awesome content unicode in the code below and add to extra.less Lightning Bolt: CSS: .button.button--icon--bolt>.button-text:before, a.button.button--icon--bolt>.button-text:before { content: "\f0e7"; } Paper/Pen: CSS: .button.button--icon--write>.button-text:before, a.button.button--icon--write>.button-text:before { content: "\f044"; } Upvote 1 Downvote
Just swap the Font Awesome content unicode in the code below and add to extra.less Lightning Bolt: CSS: .button.button--icon--bolt>.button-text:before, a.button.button--icon--bolt>.button-text:before { content: "\f0e7"; } Paper/Pen: CSS: .button.button--icon--write>.button-text:before, a.button.button--icon--write>.button-text:before { content: "\f044"; }
beerForo Well-known member Oct 3, 2024 #5 bzcomputers said: Just swap the Font Awesome content unicode in the code below and add to extra.less Lightning Bolt: CSS: .button.button--icon--bolt>.button-text:before, a.button.button--icon--bolt>.button-text:before { content: "\f0e7"; } Click to expand... How would this be done in 2.3? Upvote 0 Downvote
bzcomputers said: Just swap the Font Awesome content unicode in the code below and add to extra.less Lightning Bolt: CSS: .button.button--icon--bolt>.button-text:before, a.button.button--icon--bolt>.button-text:before { content: "\f0e7"; } Click to expand... How would this be done in 2.3?
beerForo Well-known member Oct 3, 2024 #6 THIS worked but the lightning bolt is still there as well (two icons). Code: .button.button--icon--bolt>.button-text:before, a.button.button--icon--bolt>.button-text:before { .m-faContent(@fa-var-comments); } Upvote 0 Downvote
THIS worked but the lightning bolt is still there as well (two icons). Code: .button.button--icon--bolt>.button-text:before, a.button.button--icon--bolt>.button-text:before { .m-faContent(@fa-var-comments); }
BassMan Well-known member Oct 3, 2024 #7 For XF 2.3 use this code: Less: .button.button--icon--bolt i { .m-faContent(@fa-var-comments); margin-right: 5px; svg { display: none !important; } } Upvote 1 Downvote Solution
For XF 2.3 use this code: Less: .button.button--icon--bolt i { .m-faContent(@fa-var-comments); margin-right: 5px; svg { display: none !important; } }
beerForo Well-known member Oct 3, 2024 #8 Cool, this worked thanks! I noticed the button got a little smaller due to icon height, is there w way to adjust that so both buttons match in height? ("Post thread" is larger) Upvote 0 Downvote
Cool, this worked thanks! I noticed the button got a little smaller due to icon height, is there w way to adjust that so both buttons match in height? ("Post thread" is larger)
beerForo Well-known member Oct 3, 2024 #9 Never mind I also changed the pen and paper icon and now they match. Upvote 0 Downvote