I got it to work and it is pretty cool for a free app. This is what I did.
Forget the Crafty Syntax Sidebox. Too confusing.
I installed the blank sidebox located in the mods section. In the Zen downloads area do a search for Blank Sidebox. Upload files to correct directories. Make sure you are using your custom template.
Install the Blank Sidebox and look at it on your web site first so that you can get a good understanding of the changes that you will make and how it affects the side box.
Generate the code from Crafty Syntax program and insert it into this Blank SideBox File by replacing this text: "You can include text, links, images, HTML markup and even PHP code" I removed the <P></P> make sure to leave the ' '.
I also removed this entire line from same file:
$content .= '<p>' . TEXT_BLANK_SIDEBOX . '</p>';
Once I did this, the Crafty Chat image was perfectly centered and all extra space was gone. Works great!
Here is the file to edit and place the code:
>>>includes/templates/YOURTEMPLATE/sideboxes/tpl_blank_sidebox.php
You will also have to edit this file as well. These are the changes that I made:
includes/languages/english/extra_definitions/YOURTEMPLATE/blank_sidebox_defines.php
define('BOX_HEADING_BLANK_SIDEBOX', 'Live Chat Help');
define('TEXT_BLANK_SIDEBOX', 'Status:');
Good luck and hope this helps.
Merry Christmas!:clap: