The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Chatbox background won't change

Page 2 of 2 Previous  1, 2

View previous topic View next topic Go down

Solved Chatbox background won't change

Post by Gamecrypt on March 11th 2016, 12:59 am

First topic message reminder :

Hello, so my chatbox background is seemingly unchangeable, I've tried everything and it wont change, here's what my chatbox looks like currently.

http://imgur.com/yAoYJrz

It became a problem as soon as we put a background on our whole forum, the green gray background is seemingly showing up for the chatbox as well. I've looked at atleast 5 or 6 threads pertaining to CSS codes and guides for changing the background, all have had no effect on the background of the chatbox. Here's what my CSS code for the chatbox looks like right now

Code:
body.chatbox {
  background-image: url('http://imgur.com/Oa0b4VV');
  background-color: black;}

All CSS codes I've tried have had NO effect on the background of the chatbox, at this point I just want it a solid gray color, preferably an image background but nothing works, it never changes. I've tried cleaning my cache multiple times after every CSS change. Please help.

NOTE: I will be on for many hours, hopefully we can get this fixed!


Last edited by Gamecrypt on March 14th 2016, 10:26 pm; edited 1 time in total

Gamecrypt
New Member

Posts : 18
Reputation : 1
Language : Egnlish

http://gamecrypt.niceboards.org

Back to top Go down


Solved Re: Chatbox background won't change

Post by Genesis on March 13th 2016, 6:08 am

Can you please private message me a test account with administrator access?

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Chatbox background won't change

Post by Gamecrypt on March 13th 2016, 6:28 am

Done, I've reverted my CSS to the original I had with your code in it, I've made a backup so do as you wish with it.

Gamecrypt
New Member

Posts : 18
Reputation : 1
Language : Egnlish

http://gamecrypt.niceboards.org

Back to top Go down

Solved Re: Chatbox background won't change

Post by Genesis on March 13th 2016, 1:24 pm

On your line 18 was the issue. I managed to change the Chatbox background color by replacing the image set on line 18 to the image you wanted. Unfortunately, this also changed some stuff as it was not only affecting the Chatbox, you may need to find a code that doesn't affect the Chatbox as well as others.

But, the Chatbox is looking as you requested. Smile

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Chatbox background won't change

Post by Gamecrypt on March 13th 2016, 10:21 pm

So the problem remains, I cannot simultaneously have my forum background and the chatbox white at the same time. Perhaps there's something I need to do on my HTML page for where I embedded the chatbox? the html page code looks like this:

Code:
<div class="main-content">
   
   <div id="chatbox_portal" style="overflow:none;height:450px;"></div>
   <script type="text/javascript">insertChatBoxNew('chatbox_portal', '/chatbox/index.forum?page=front');</script>    <img src="http://illiweb.com/fa/resize.gif" onmousedown="javascript:resizeElement(event, 'chatbox_portal');" alt="" style="cursor:se-resize; float: right;" />
</div>

Note: I have "Do you wish to use your forum header and footer ?" Checked, unchecking this does not fix the chatbox either.

I'm not a good with CSS or HTML so I wouldn't be able to find the code you mention by myself, should I just give up trying to get the background of my chatbox white and retain the forums background image? Because it's seeming like this is a lost cause.

Gamecrypt
New Member

Posts : 18
Reputation : 1
Language : Egnlish

http://gamecrypt.niceboards.org

Back to top Go down

Solved Re: Chatbox background won't change

Post by Guest on March 13th 2016, 11:19 pm

If you know the background selector for your PunBB HTML chat box where all the messages are visible, try adding it specifically to your HTML page using !important. !important will force an override on your existing code. I'm not using standard FM chat so I'm not familiar with it and I'm using another version than punBB, but here's an example:

Code:
#right-box {background-image:url('URL HERE')!important;background-repeat:no-repeat!important;}

Guest
Guest


Back to top Go down

Solved Re: Chatbox background won't change

Post by Gamecrypt on March 14th 2016, 8:18 pm

I found what you mean, the areas of the chatbox are:

chatbox_members
chatbox
chatbox_footer

My html page looks like this, the chatbox still hasn't changed.

Code:
<style>
div.chatbox_members {background-image:url('http://i.imgur.com/Oa0b4VV.png')!important;background-repeat:no-repeat!important;}
div.chatbox {background-image:url('http://i.imgur.com/Oa0b4VV.png')!important;background-repeat:no-repeat!important;}
div.chatbox_footer {background-image:url('http://i.imgur.com/Oa0b4VV.png')!important;background-repeat:no-repeat!important;}
</style>
<div class="main-content">
   
   <div id="chatbox_portal" style="overflow:none;height:450px;"></div>
     <script type="text/javascript">insertChatBoxNew('chatbox_portal', '/chatbox/index.forum?page=front');</script>    <img src="http://illiweb.com/fa/resize.gif" onmousedown="javascript:resizeElement(event, 'chatbox_portal');" alt="" style="cursor:se-resize; float: right;" />
</div>

If it's supposed to override, I cannot understand why this won't work.

Gamecrypt
New Member

Posts : 18
Reputation : 1
Language : Egnlish

http://gamecrypt.niceboards.org

Back to top Go down

Solved Re: Chatbox background won't change

Post by Guest on March 14th 2016, 8:27 pm

Hmm.. I wish I could crack that nut for you. I'm no FM staff member (yet), tho one day I wish to be one, so giving me an admin account will break the rules. I'm sorry. Styling chatboxes is one of my specialities and joys, but I got no means to test other versions than phpBB3. My best bet would be 'chatbox', but I'm not sure because of your forum version.

I'm outa here. I'm sorry. I bet I could be of help, but I can't at this stage.

Samantha.

Guest
Guest


Back to top Go down

Solved Re: Chatbox background won't change

Post by Ange Tuteur on March 14th 2016, 9:36 pm

Hey,

Your forum version is punbb, correct ? If so, the
Code:
body.chatbox
selector isn't going to work because punbb doesn't have the
Code:
.chatbox
classname on the body tag. Try the following CSS rule instead to see if it works for you.
Code:
body[bgcolor] {
  background:url('http://imgur.com/Oa0b4VV') repeat #000;
}

@RoXaNNeX if you want to test other versions, but don't want to change your forum version you can add this query to the URL of the current page :
Code:
?change_version=
after the equal sign you can specify the version :
subsilver
prosilver
punbb
invision

Once finished hit the enter key. Here's an example :
http://help.forumotion.com/forum?change_version=subsilver

Pass along
Code:
keep_theme=2
also to show the version default theme.
http://help.forumotion.com/forum?change_version=subsilver&keep_theme=2

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Chatbox background won't change

Post by Gamecrypt on March 14th 2016, 10:25 pm

Ange Tuteur, that fixed it, thank you soooooooooooooo much! I didn't think anything was going to fix it. Thanks!

Gamecrypt
New Member

Posts : 18
Reputation : 1
Language : Egnlish

http://gamecrypt.niceboards.org

Back to top Go down

Solved Re: Chatbox background won't change

Post by APE on March 14th 2016, 10:31 pm

Topic solved and archived




APE
Manager
Manager

Male Posts : 8609
Reputation : 748
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Page 2 of 2 Previous  1, 2

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum