Modifying a script for video chat

Discussion in 'JavaScript' started by chrisj, Mar 30, 2011.

0
  1. #1
    At Tinychat they offer some cut and paste code where you can add a video chat to your web page. I've cut and pasted, and the tool bar and chat box look like this (see attached). The tool bar and the chat box that pops-up aren't centered. The tool bar is on the right, below the pop-up box on the left. Can you help me modify this script code to center these things?

    <script type="text/javascript" src="http://tinychat.com/chatbar/bar.js"></script>
<script type="text/javascript">
chatbar.embed({ room: "70b96f9f2b95a132122a085885c84a48", theme: "red", width: "900px", align: "center", position: "bottom"});
</script>
    Code (markup):

     

    Attached Files:

    chrisj, Mar 30, 2011 IP
  2. Cash Nebula

    Cash Nebula Peon

    Messages:
    1,197
    Likes Received:
    67
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Try this to override the tinychat styles
    
<style type="text/css">
#tinychat-bar {
	margin: 0 auto !important;
}
#tinychat-bar-chat-client {
	right: 50% !important;
	margin-right: -355px !important;
}
</style>
    Code (markup):
     
    Cash Nebula, Mar 31, 2011 IP