Support: Adapting the AVChat 3 Design and Looks
Prerequisites:
- working AVChat 3 installation
- acess to the web server where the client side files are installed
What you can change in AVChat 3 in regards to the design
- The size of the video chat software on your websites HTML pages
- The background image
- The background color
- The looks of the windows inside the video chat (see below)
- The font face and size of the texts used inside the chat (see below)
Changing the looks of the windows inside the video chat
The style.css file controls the looks of the windows inside the video chat. By editing the style.css file you can change:
- the color of the windows (backgroundcolor:#123456;)
- if the windows have rounded corners or not (cornerradius:4 , set to 0 for straight corners)
- the space between the windows (margin:4)
- the space between the marigin of the windows and its content (padding:4)
Changing the fonts used inside the chat
The style.css file controls the looks texts used troughout the video chat. By editing the style.css file you can change for every group of text fields (like titles, side menu links, etc...):
- the font face (fontfamily:_sans)
- the size of the font (fontsize:16)
- the font weight (fontweight:bold)
- the color of the text (color:#ffffff)
