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 1 of 2 1, 2  Next

View previous topic View next topic Go down

Solved Chatbox background won't change

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

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 SLGray on March 11th 2016, 2:52 am



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35667
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Chatbox background won't change

Post by Genesis on March 11th 2016, 3:18 am

Try:
Code:
body.chatbox {
background-image: url("http://imgur.com/Oa0b4VV");
background-position: center, center;
  background-repeat: no-repeat;
}

Genesis
Forum Reviewer
Forum Reviewer

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 11th 2016, 3:24 am

Hello, SLGray. I've tried all the CSS codes mentioned in that bottom link prior to making this post, also seen the top thread and it offers no way of changing the background.

Forumedic, I added that code to my CSS and the chatbox looks exactly the same unfortunately. Below is screenshots showing you the top of my CSS and the chatbox.

http://i.imgur.com/YnslS5v.png
http://i.imgur.com/HCQDDOR.png

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 11th 2016, 3:35 am

Try:
Code:
body.chatbox {
background-image: url("http://imgur.com/Oa0b4VV") !important;
background-position: center, center !important;
  background-repeat: no-repeat !important;
}

Genesis
Forum Reviewer
Forum Reviewer

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 11th 2016, 3:56 am

Hello, unfortunately there was no changes noticed with that added to the CSS, cleared cache as well.

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 SLGray on March 11th 2016, 4:03 am

Add the CSS code to the top of the stylesheet.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35667
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Chatbox background won't change

Post by Genesis on March 11th 2016, 4:10 am

If that does not work, try:
Code:
        body.chatbox {
            background-image: url("http://imgur.com/Oa0b4VV");
            background-position: center, center !important;
            background-repeat: no-repeat!important;
        }
The code above is used on my forum and it works. Try changing the image as well just in case of this does not work.

Also, what browser are you using? What device/electronic?

Genesis
Forum Reviewer
Forum Reviewer

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 11th 2016, 4:19 am

Hello, just added your code that you use for your forum, nothing changed with my chatbox, not sure what could be wrong here. Also SLGray, the CSS code I have been testing has all been placed at the top of the CSS

I'm using google chrome, my friend who is also using chrome cannot see the background or any changes at all. I'm on windows 7 operating system and he's on windows 10.

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 SLGray on March 11th 2016, 4:25 am

Post the codes you are adding. Please use the code tags.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35667
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Chatbox background won't change

Post by Genesis on March 11th 2016, 4:30 am

Do you have Firefox?

Genesis
Forum Reviewer
Forum Reviewer

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 11th 2016, 4:40 am

I don't have firefox, tested on chrome and internet explorer.

Below are all the codes I've tested, I put them at the top of my CSS and nothing has changed the chatbox. The only thing that fixes it is if I remove the background on my forum. It appears as if the chatbox is using the same background for some reason.

Code:
        body.chatbox {
            background-image: url("http://imgur.com/Oa0b4VV");
            background-position: center, center !important;
            background-repeat: no-repeat!important;
        }

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

Code:
body.chatbox {
background : red;
}

Code:
body.chatbox{
 background-color: #FFFFFF;
}

Code:
#chatbox_header. chatBottom. chattitle {
    color: #FFFFFF;
}

Code:
body.chatbox {
background-color: #FFFFFF;
}

All these have been tested to have no effect on the chatbox.

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 11th 2016, 4:45 am

Wait, so if you remove the background on your forum, the Chatbox codes work?

Genesis
Forum Reviewer
Forum Reviewer

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 11th 2016, 4:50 am

Code:
body {
    background-attachment: scroll;
    background-color: rgb(51, 51, 51);
    background-image: url("http://i.imgur.com/DKeV2D7.png");
    background-attachment: fixed;
    color: rgb(141, 141, 141);
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}
If I remove the background-image:url code for the body of my page, my chatbox looks like this:

http://i.imgur.com/q65DvXU.png

Removing the background line for the body fixes the chatbox as you see above, the chatbox is white, however my background is no longer. That is the problem

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 11th 2016, 4:52 am

When you remove that code, and you add my latest code, does it work?

Genesis
Forum Reviewer
Forum Reviewer

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 11th 2016, 5:12 am

The chatbox works fine with and without your code IF I remove the body background image, without the body background image the chatbox works fine, without any code for the chatbox at all.

However I need the body background line or I wont have a background for my forum.

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 11th 2016, 5:26 am

I'm super confused. You said when you removed the code earlier the Chatbox code I sent did not work and the background was white, but now when you take out both codes the background of the Chatbox is the background you want?

Genesis
Forum Reviewer
Forum Reviewer

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 11th 2016, 5:34 am

Ill thoroughly explain it. Originally my chatbox worked fine, then I added a background to my forum by changing the following code in the body

Code:
background-image: url("http://illiweb.com/fa/empty.gif");

to

Code:
background-image: url("http://i.imgur.com/DKeV2D7.png");

You see originally, before I changed the background from the default empty background to my colored one, it worked fine. After I changed my forums background, the chatbox stopped working.

Your code does not fix the issue if my forum has a background, but it does fix the issue if I remove the background line of code, all the codes work at this point because my forum is basically without a background, how it was originally when the chatbox worked. I want to keep my background and have the chatbox be white like it should be.

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 11th 2016, 5:37 am

So you would like your Chatbox to just have a black background instead of background it has that is coming from the forum background? And before you you changed the background to an image for the forum, the Chatbox background was black and working fine?

Genesis
Forum Reviewer
Forum Reviewer

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 11th 2016, 5:38 am

Pretty much exactly what you said, except I want it white, it was white originally as seen in the image, for some reason my chatbox is also using the forums background.

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 11th 2016, 5:44 am

Have you tried removing this code:
Code:
body {
background-attachment: scroll;
background-color: rgb(51, 51, 51);
background-image: url("http://i.imgur.com/DKeV2D7.png");
background-attachment: fixed;
color: rgb(141, 141, 141);
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
}

Then, adding the background image of the forum in Pics management?

Administration Panel > Display > Pics management

Genesis
Forum Reviewer
Forum Reviewer

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 11th 2016, 5:52 am

I went to pics management, added my long background as seen here

http://imgur.com/lvFMbAw.png

Then I removed the whole body part of my CSS, my background showed up, however the chatbox still hasn't changed. This is such a weird problem

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 11th 2016, 5:57 am

Would you mind posting your whole CSS here? I'm sure there most be a code there.

Genesis
Forum Reviewer
Forum Reviewer

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 11th 2016, 6:00 am

Sure, here it is.
Code:
body.chatbox {
    background-image: url("http://imgur.com/Oa0b4VV");
    background-position: center, center !important;
    background-repeat: no-repeat!important;
}
body {
    background-attachment: scroll;
    background-color: rgb(51, 51, 51);
    background-image: url("http://i.imgur.com/DKeV2D7.png");
    background-attachment: fixed;
    color: rgb(141, 141, 141);
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}
.page-title h2 {
    font-weight: bold;
}
.pun a:link {
    color: #ccc;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.pun a:visited {
    color: #ccc;
}
.pun a:hover {
    color: #eee;
}
.pun a:active {
    color: #ccc;
}
.pun a:focus {
    color: #ccc;
}
.status img {
    margin-left: -5px;
}
.pun {
    line-height: 130%;
    margin: 20px auto;
    max-width: 1140px;
    padding: 15px;
    width: 98%;
    background: rgb(55, 55, 55);
    border: 1px solid rgb(70, 70, 70);
    border-radius: 4px;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.8);
}
#pun-head #pun-navlinks {
    background: linear-gradient(to bottom, #525252, #3d3d3d 80%, #383838) repeat scroll 0 0 #404040;
    border: 1px solid #202020;
    padding: 0.9em 1.1em 0.6em;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
    border-radius: 3px;
    padding-bottom:11px;
}
#pun-intro {
    background-color: transparent;
    background-image: url("http://illiweb.com/fa/empty.gif");
    background-repeat: repeat-x;
    border-bottom: 0px solid #296fa5;
    margin: 0;
    padding: 1.5em 1em 1em;
    text-align: left;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 400px;
}
.pun .main-content {
    background-color: rgb(45, 45, 45);
    border: 1px solid rgb(70, 70, 70);
    border-radius: 4px;
}
.main .main-head {
    background-color: rgb(36, 37, 38);
    border: 1px solid rgb(70, 70, 70);
    border-radius: 4px;
    margin: 10px 0;
}
.pun table.table th {
    background-color: rgb(45, 45, 45);
    border-style: none;
    color: #eee;
    padding: 0.5em 0;
    border-radius: 4px;
}
.pun table.table td {
    background-color: rgb(45, 45, 45);
    border-color: rgb(70, 70, 70);
    border-style: solid none none;
    border-width: 1px;
    line-height: 130%;
    padding: 0.6em 0 0.7em;
    border-radius: 4px;
}
.pun .post {
    border-bottom: 1px solid rgb(70, 70, 70);
    background: rgb(50, 50, 50);
}
.pun .postmain {
    background-color: rgb(50, 50, 50);
    border-left: 0px solid #ddd;
    margin-left: 18em;
}
.pun .posthead {
    background: rgb(50, 50, 50);
    border-bottom: 0px dashed #ccc;
    padding: 0.5em 1.3em 0.5em 1em;
}
.main .main-content.frm {
    background-color: transparent;
}
.pun .frm-form {
    background: transparent;
    border: medium none;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
    background-color: rgb(45, 45, 45);
}
#pun-visit, .main-box {
    background-color: rgb(45, 45, 45);
    border: 1px solid rgb(70, 70, 70);
    border-radius: 4px;
    margin: 0 0 1em;
    padding: 0.6em 1em;
}
#stats {
    background-color: rgb(50, 50, 50);
    line-height: 150%;
    padding: 0.6em 1em;
}
#onlinelist {
    background-color: rgb(50, 50, 50);
    border-top: 1px dashed #222;
    padding: 0.6em 1em;
}
.pun .paged-foot, .pun .paged-head {
    background-color: transparent;
    border: 0px solid #ddd;
    padding: 0.6em 1.3em 0.3em;
}
#pun-about {
    background: rgb(50, 50, 50);
    border: 1px solid rgb(70, 70, 70);
    border-radius: 4px;
    line-height: 150%;
    padding: 0.6em 1em;
    text-align: center;
}
#pun-about ul {
    list-style-type: none;
}
#pun-about ul li {
    display: inline;
}
#pun-about ul li a {
    font-weight: 700;
}
#pun-about #qjump {
    display: none;
}
#tabs ul li a {
    background-color: #353535;
    border: 1px solid #222;
    float: left;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 2em;
    padding: 0 1em;
    text-decoration: none;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
    border-radius: 3px;
}
#tabs ul li a:hover {
    background-color: #333;
}
.main .frm-info {
    background: rgb(50, 57, 61);
    border: 1px solid rgb(70, 70, 70);
    margin: 1.7em;
    padding: 1em;
    color: rgb(168, 174, 179);
}
.main .main-foot, .main .main-head {
    background-color: transparent;
    color: #dedfdf;
    font-weight: 400;
    padding: 0.7em 1.3em;
}
.pun .post {
    border-color: rgb(70, 70, 70);
    border-style: solid none;
    border-width: 0px 0 1px;
}
#pun-announcement {
    background-color: transparent;
    border-style: solid;
    border-width: 0;
    padding: 1em;
}
.codebox {
    background-color: #353535;
    border: 1px solid #1a1a1a;
    margin: 1em;
}
.codebox dt {
    border-bottom: 1px dotted #222;
    padding: 0.25em;
}
.codebox dd {
    background-color: #353535;
    margin: 0.5em;
    padding: 0.5em;
}
.postmain blockquote {
    background-color: #252525;
    border: 1px solid #111;
    padding: 0.5em 1em;
    border-radius: 3px;
}

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 11th 2016, 1:37 pm

Didn't realize your version was PunBB. I will try to help you later, but right now I must go, in a hurry.

Genesis
Forum Reviewer
Forum Reviewer

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 11th 2016, 5:22 pm

Okay thanks, sorry I should have made it clear what version my forum was.

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 12th 2016, 3:26 am

Try removing all your code in CSS except the Chatbox code I sent. Does it work then?

Also, does changing the Chatbox color change if you use the code below?
Code:
body.chatbox {
background-color: #000;
}

If you are wondering why I am asking this, it is because that code works for both PunBB and phpBB3, so of that code does not work, then it may be. Google Chrome issue affecting the CSS. Make sure to try that code out when you erase all CSS too. Make sure to have a copy of your CSS here,even though you will have a copy here, just in case.

Genesis
Forum Reviewer
Forum Reviewer

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, 5:22 am

Hello, so the chatbox is white when I remove all the CSS code but the original code you gave me, the website looks like trash but yeah it works.

No the chatbox does not change color when I have just the code you provided. I don't believe it's chrome specific as the problem is also there with internet explorer.

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, 5:27 am

Which original code? The very first one? And you are saying it works without the other CSS, as in the background actually shows?

Genesis
Forum Reviewer
Forum Reviewer

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, 5:54 am

Sorry I had removed my background from the pics management, the chatbox is still messed up with only the original code you provided, no other CSS.

It looks like this now http://i.imgur.com/gczSYCt.png without my CSS, also the code you just provided doesn't seem to change chatbox color.

EDIT: My CSS only consists of

Code:
        body.chatbox {
            background-image: url("http://imgur.com/Oa0b4VV");
            background-position: center, center !important;
            background-repeat: no-repeat!important;
        }


Gamecrypt
New Member

Posts : 18
Reputation : 1
Language : Egnlish

http://gamecrypt.niceboards.org

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


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