Like SystemiConnectFri 15 Oct 2021, 04:50
Auto Save MessagesLGforumFri 26 Feb 2021, 13:31
New tutorial questionTheCrowMon 15 Feb 2021, 08:12
Support iOS Emojis (and other platforms)LGforumSun 14 Feb 2021, 01:25
LGforum (2806)
Color Query Vote_lcapColor Query Voting_barColor Query Vote_rcap 
Mr.Easybb (1587)
Color Query Vote_lcapColor Query Voting_barColor Query Vote_rcap 
Bloodbath (745)
Color Query Vote_lcapColor Query Voting_barColor Query Vote_rcap 
Rukiafan (533)
Color Query Vote_lcapColor Query Voting_barColor Query Vote_rcap 
Dom (513)
Color Query Vote_lcapColor Query Voting_barColor Query Vote_rcap 
puppycheese (446)
Color Query Vote_lcapColor Query Voting_barColor Query Vote_rcap 
pedro (330)
Color Query Vote_lcapColor Query Voting_barColor Query Vote_rcap 
Neymar (301)
Color Query Vote_lcapColor Query Voting_barColor Query Vote_rcap 
Hitsu (281)
Color Query Vote_lcapColor Query Voting_barColor Query Vote_rcap 
Flora (275)
Color Query Vote_lcapColor Query Voting_barColor Query Vote_rcap 


Color Query

avatarLlewoj
Status : No status yet...

Posts : 21
Join date : 2015-02-16
Mon 16 Feb 2015, 23:28
How can you change the color of the buttons of the chatbox? Also the color of the chat tab? The theme of my forum is red so I would like to change it to shades of red.

Color Query Untitl10

Where do you add the codes? In the CCS Stylesheet or Javascript? I would really appreciate any help in the matter. Thank you in advance. Cheers.

P.S.: I really did try searching but I'm really just beginning to delve into this whole coding thing so I'm very very ignorant on everything. It took me over half a day to figure out how to install the chat properly with help from Samantha (thank you!).
Mr.EasybbMr.Easybb
Status : Love this site, that's why I'm back each day again... lol Samantha's co-owner now. Well deserved!

Posts : 1587
Join date : 2013-01-04
Tue 17 Feb 2015, 01:12
Everything has a classname, if you right click of that specific element and click 'INSPECT ELEMENT" in chrome it'll bring up a web developers dashboard. And on the right of it is the CSS styles. You can modify these live, and then add them to your CSS sheet, if they don't overwrite you need to add the override operator ( !important )... So for the button itself

You could just use

Code:
[panda=css]#avacweb_chat_button {
  background:#f00!important;
}

Though I'm not sure if it actually needs to be overridden
avatarLlewoj
Status : No status yet...

Posts : 21
Join date : 2015-02-16
Tue 17 Feb 2015, 05:46
Thank you! Very Happy That makes things a lot simpler. Very Happy

Okay a little follow up. I've successfully changed the color of the small chat button on the lower right hand side of the screen but now it doesn't flash anymore when new messages enter, what can I do to fix this?
Mr.EasybbMr.Easybb
Status : Love this site, that's why I'm back each day again... lol Samantha's co-owner now. Well deserved!

Posts : 1587
Join date : 2013-01-04
Tue 17 Feb 2015, 05:49
You'll have to edit the new message CSS as well since your overridden it !important it takes precedence of the new message CSS. So add the CSS for the new message and as important it as well
avatarLlewoj
Status : No status yet...

Posts : 21
Join date : 2015-02-16
Tue 17 Feb 2015, 06:39
Okay, I kinda figured it out. Thanks. Very Happy
Sponsored content