XF 2.2 Change icon in "New posts" and "Post thread" buttons thanks

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;
    }

}
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";
}
 
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);
}
 
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)
 
Back
Top Bottom