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

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)

Go top · Go back to articles list