Hi There,
Sorry for the inconvenience.
First of all, based on our stye UX the mChat will not display on the index page. It will only display on the mChat page.
Further more, Solution For ‘Smilies’:
1. Add below css to custom.css
#mchat-smilies.hidden[style^="display: block;"] {
display: block !important;
}
Solution For ‘Invisible Icons’:
1. Add below css to custom.css
.mchat-wrapper .mchat-buttons a {
color: #333;
}
Solution For ‘Archive Style’:
1. Open overall_header.html
2. Find <!-- IF SCRIPT_NAME eq 'app/mchat' -->
3. Replace with <!-- IF SCRIPT_NAME eq 'app/mchat' or SCRIPT_NAME eq 'app/mchat/archive' -->
(Screenhost: http://prntscr.com/e79ddh)
1. Open overall_footer.html
2. Find <!-- IF SCRIPT_NAME eq 'app/mchat' -->
3. Replace with <!-- IF SCRIPT_NAME eq 'app/mchat' or SCRIPT_NAME eq 'app/mchat/archive' -->
(Screenshot: http://prntscr.com/e79dji)
Best Regards,
ThemeLooks Support Team