Lounge customization style guide for the new lounge update 8/15/2022. More will be added as questions come up!
To set up custom lounge referral links/buttons, you will need to know your lounge id and place it in the link below:
https://fubar.com/send_invites.php?lid=YOUR_LOUNGE_ID
To remove the brick background:
.new_lounge_wrapper div.new_lounge_container{ background-image:none; }
To expand your lounge layout to span the width of the browser, add the below css. If you already have these set up in your custom css, just add "max-width:100%" to them:
.new_lounge_wrapper div.new_lounge_music_div {max-width:100%;}
.new_lounge_wrapper div.new_lounge_custom1_div {max-width:100%;}
.new_lounge_wrapper div.new_lounge_custom2_div {max-width:100%;}
.new_lounge_wrapper div.new_lounge_custom3_div {max-width:100%;}
To "remove" the "say something..." from the chat field. Unfortunately at this time it can't be completely removed, but you can hide it by matching the font color to your input field's background color using:
.new_lounge_wrapper #new_lounge_chat_wrapper ::-webkit-input-placeholder { color: #191919;}
.new_lounge_wrapper #new_lounge_chat_wrapper ::-moz-placeholder { color: #191919;}
.new_lounge_wrapper #new_lounge_chat_wrapper :-ms-input-placeholder { color: #191919;}
.new_lounge_wrapper #new_lounge_chat_wrapper :-moz-placeholder { color: #191919;}
To remove the "online" title from the online lounge members list, use:
.new_lounge_wrapper #new_lounge_online_title {display:none;}