how can I change css of my blastchat???

i have make template, but this blastchat template is killing me?

how can I change?

how can I see source page in mu browser? its component, in wrapper modul or not, but is it possible to see source page of blastchat?

Some things are described here, it helps to read it.

I never got around to write a manual on CSS, if you are using, standard joomla template CSS definitions, blastchat will pick it up automatically.

Example: "sectiontableheader" definition is standard joomla template definition, it is used unless ".bc_sectiontableheader" is defined which overwrites, i.e.:

If these deinitions are present in CSS file:

QUOTE:
.sectiontableheader {
background-color : #FFFFFF;
color : #000000;
font-weight : bold;
}

.bc_sectiontableheader {
background-color : #AAAAAA;
color : #BBBBB;
padding: 0px 0px 0px 0px;
letter-spacing : 0px;
}

Then resulting CSS applied will be:

QUOTE:
background-color : #AAAAAA;
color : #BBBBB;
padding: 0px 0px 0px 0px;
font-weight : bold;
letter-spacing : 0px;

BlastChat default CSS:

QUOTE:
body.blastchat {
margin: 3px 0px 3px 0px;
padding: 0px 0px 0px 0px;
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#474747;
background: url('../images/outer_center.png');
}

.bc_sectiontableheader {
background-color : #4DA5FF;
color : #FFFFFF;
padding: 0px 0px 0px 0px;
font-weight : bold;
letter-spacing : 0px;
}

.bc_sectiontableheader a:link {
color: blue;
background-color: transparent;
font-weight: bold;
text-decoration: none;
}

.bc_sectiontableheader a:visited {
color: blue;
background-color: transparent;
font-weight: bold;
text-decoration: none;
}

.bc_sectiontableheader a:hover {
color: orange;
background-color: transparent;
font-weight: bold;
text-decoration: none;
}

.bc_sectiontableentry1 {
margin: 3px 0px 3px 0px;
padding: 0px 0px 0px 0px;
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#474747;
background-color : #FFFFFF;
}

.bc_sectiontableentry2 {
margin: 3px 0px 3px 0px;
padding: 0px 0px 0px 0px;
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#474747;
background-color : #F3F3F3;
}

/*from nick*/
/*message sent from me*/
.bc_msg_from {
font-weight : bold;
color : blue;
}
/*to nick*/
/*message sent to me*/
.bc_msg_to {
font-weight : bold;
color : blue;
}

.bc_usr_to {
font-weight : bold;
color : blue;
}

/*private message sent*/
.bc_msg_text_privs {
color : blue;
}

/*private message received*/
.bc_msg_text_privr {
color : red;
}

.bc_sectiontableheader_form {
margin: 3px 0px 3px 0px;
padding: 0px 0px 0px 0px;
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#474747;
background: url('../images/outer_center.png');
background-color : #F3F3F3;
}

.bc_dropdown {
font-size: 9px;
}
.bc_checkbox {
font-size: 9px;
}