read more button - truncated - Joomla! Forum - community, help and support

i have problem , after instaling jfusion , enabling content plugin, "discussion bot"

that plugin override default (css) template , , read more button broken (see pic)

discussion bot plugin have own button php file :

code: select all

<?php foreach ($this->output['buttons'] $name => $html) :

echo '<a id="jfusionbtn' . ucfirst($name) . $this->article->id .'" class="readon jfusionbutton" target="'.$html['target'].'" href="'.$html['href'].'"';

if(isset($html['js'])) :
   foreach($html['js'] $func => $js) :
      echo "   $func = \"$js\"\n";
   endforeach;
endif;

//close opening tag
echo ">";

echo $html['text'];

//add number of replies discuss button html if set so
if($this->params->get("show_reply_num") && $name=='discuss') :
   $post = ($this->reply_count==1) ? "reply" : "replies";
   echo ' ['.$this->reply_count.' '.jtext::_($post).']';
endif;

echo "</a>\n";

endforeach;
?>

discussion bot css file this:

code: select all

#jfusionbuttonarea {
   margin-bottom: 10px;
}

.jfusionpostarea {
   width:99%;
}

.jfusionpostheader {
   font-size:15px;
   color:#000000;
   font-weight:bold;
}

.jfusionrefreshlink {
      
}

.jfusionpostbody {
   border:2px solid #afafaf;
   min-height: 90px;
   padding:10px;
   margin-top:10px;
   position: relative;
}

.jfusionposttitle {
    color:#000000;
    float:left;
    margin-right:4px;
    font-size:15px;
}

.jfusionnopostmsg {
    font-weight:bold;
}

.jfusionpostuser {
   font-size:15px;
}

.jfusionuseravatar {
    float:left;
    margin-right:10px;
}

.jfusionpostdate {
    font-size:10px;
}

.jfusionposttext {
    margin-top:5px;
    font-size:12px;
}

.jfusiontoolbar {   
   text-align:right;
   width:100%;
   position: absolute;
   bottom: 0;
   margin-bottom: 5px;
   left: -5px;
}

.jfusiontoolbar span {
   float:right;
}

.jfusiontoolbar a, .jfusiontoolbar a:hover, .jfusiontoolbar a:active, .jfusiontoolbar a:focus {
   text-decoration:none;
}

.jfusionquickreply {
   margin-top: 10px;
}

.jfusionquickreply textarea {
    width:99%;
    height: 150px;
}

.jfusionquickreplyheader {
    font-weight:bold;
}

.jfusionbutton {
   margin-right: 5px;
}

#jfusionmessage, #jfusionerrormessage {
   margin-left:40px;
}

.jfusionerrormessage {
   color: #c00;
   background: #e6c0c0 url(images/error.png) 4px center no-repeat;
   border-top: 3px solid #de7a7b;
   border-bottom: 3px solid #de7a7b;
   width:99%;
   margin-bottom:10px;
   font-size: 12px;
   font-weight:bold;
   padding: 5px;
}

.jfusionloadingmessage {
   color: #c00;
   background: #efe7b8 url(images/loading.gif) 4px center no-repeat;
   border-top: 3px solid #f0dc7e;
   border-bottom: 3px solid #f0dc7e;
   width:99%;
   margin-bottom:10px;
   font-size: 12px;
   font-weight:bold;
   padding: 5px;
}

.jfusionsuccessmessage {
   color: #0055bb;
   background: #c3d2e5 url(images/success.png) 4px center no-repeat;
   border-top: 3px solid #84a7db;
   border-bottom: 3px solid #84a7db;
   width:99%;
   margin-bottom:10px;
   font-size: 12px;
   font-weight:bold;
   padding: 5px;
}

.jfusionbuttonconfirmationbox {
    color: #0055bb;
    background: #c3d2e5;
    border-top: 3px solid #84a7db;
    border-bottom: 3px solid #84a7db;
    padding: 5px;
}

.jfusionclearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.bbcode_quote, .bbcode_code {
    margin-left: 10px;
    padding: 4px;
    border: 1px dashed black;
    background-color: #ff0000;
   
}

.bbcode_quote .bbcode_quote {
    background-color: #ececec;
}

.bbcode_quote .bbcode_quote .bbcode_quote {
   background-color: #e5e5e5;
   margin-bottom:4px;
}

.bbcode_quote_head, .bbcode_code_head {
    font-weight: bold;   
}

/* .jfusionclearfix {display: inline-block;}  /* ie/mac  */

/*<!--[if ie]>
* html .jfusionclearfix {
   zoom: 1;
   display: block;
   height: 1%;
}
<![endif]-->
*/

.jfusionclearfix {
   display: inline-block;
  }
 
html[xmlns] .jfusionclearfix {
   display: block;
}

/* debug styles put here ie not loose css formatting when ajax rewrites data */
div.debug_0 .value {  background-color:#ecf8fd;  }
div.debug_0 .a_key {  background-color:#dbfede;  }
div.debug_0 .o_key {  background-color:#dbfede;  }
div.debug_0 .title {  background-color:#d6f2ff;  }
div.debug_0 .grid  {  font-family:arial; background-color:#fbfed6; vertical-align:top;  }


my own tempalte define button css:

code: select all

.readonstyle-button .readon {background: url(../images/style4/readon-r.png) 100% 0 no-repeat;}
.readonstyle-button .readon .button, .readonstyle-button .readon span {background: url(../images/style4/readon-l.png) 0 0 no-repeat;}

any idea how correct button on website ?

ty

use browser's diagnostic tools investigate.

http://docs.joomla.org/diagnostic_tools
http://docs.joomla.org/using_firebug_with_your_joomla_website