quick reply box bg colour problem

I have managed to change the background colour of the Quick Reply box, to white, as it was taking the colour from the "Background colour 1:" parameter in the Background Colours section.

Trouble is, it only does this in my Chrome browser. Other members who use Firefox and IE still have the default colours.

My CSS Stylesheet code is thus...



body.chatbox {
background-image: url('https://i.servimg.com/u/f45/16/65/78/28/andy-m15.jpg');
}
#chatbox_header {
height: 30px;
background-color: #FF4400;
}
#text_editor_iframe, input.post, select, textarea.inputbox, textarea.post{
background-color: #ffffff !important
}

...The bottom code being the lines that changed the colour in my Chrome browser, Comodo Dragon to be precise.

Is there a specific piece of code or a slight addition to it, that can enable this to work in Firefox etc ?

Although, I've just noticed that the "Jump to: (select forum) box is white and the "quick mod tools" box is white too.
http://andymurray.forumotion.co.uk/t131-hi-you-there-here-s-where-s-it-s-at

-------------------
EDIT 1
-------------------


Thanks for that Sanket, but it hasn't changed the colour to white

-------------------
EDIT 2
-------------------

I checked your code worked Sanket, by changing the #ffffff to #FC0000, and your code changed the colour to red in Chrome, but not in Firefox or IE. not sure what is going on here. The bold code above seems to change only the two other boxes below the quick reply box, as i mentioned above.

-------------------
EDIT 3
-------------------

Thanks LGForum, it hasn't worked I'm afraid, and yes, I'm just trying to change the text area. some users are complaining that its hard to find the cursor sometimes, although I changed the forum background colour to a more pastel shade to remedy this, but the colour is not that nice ATM.

Add this to your css, see if thats what you want.

Code:

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-color: #ffffff !important;
}

Try this:

Code:


#quick_reply textarea {
  background: #fff;
}


Are you trying to change the back ground of the whole thing or just the textarea?

Please don't edit your posts, reply to our posts so that we know whats happening.

Didn't any of the codes work?

Can you post a screenshot of what you are trying to change?

Sanket, I was told to use the edit button instead of bumping an article, I thought that meant, use the edit button or dont reply within 24hrs. Not sure what the protocol is now, its getting confusing.

As to your questions, no, none of the codes has worked and I'm just trying to change the text area in the quick reply box, so that I can get the background colour to white in Firefox and Internet Explorer. The codes work in 2 Chrome browsers that I know of, Google Chrome and Comodo Dragon Chrome.

Chrome quick reply box....




Firefox, Internet Explorer quick reply box....



As far as I can see, the Firefox box is the same colour as the "Background colour 1:" choice in Background Colours under Display/Pictures and Colors/Colors settings.

Weird it appear white to me on firefox. You could maybe do with upgrading your firefox browser.

The problem is not that these codes aren't working, but that another code is working ... changing it to that mint colour.

Thanks for that Rideem3 (also got the bit about posting, ta)

But its still a pastel green/blue.

I thought it maybe something to do with the browser settings, but several of our members are saying the same things. I use Chrome myself, but Firefox and IE have all got this problem, except for LGForum, who has looked at my site and its white for him/her.

I have the latest release of FF and it shows up incorrectly, same in my up-to-date IE.

I think LGForum may have the reason, that some other codes are stopping my CSS from working, its strange that whatever I change the background colour 1 to, for the forum background, it mimics that choice in the text area of the quick reply box. so something is working, but is taking preference over the user CSS. Why its affecting some versions of Firefox/IE and not Chrome is beyond my capabilities. We'll just have to live with it I suppose.

I dont see the quick reply box.
I guess you got rid of it? If you like to place it back i can check as well with my browsers, And what color is it supposed to be?

Did you try clearing the cache/cookies etc?
https://help.forumotion.com/t22597-how-to-clear-the-cache-in-firefox-internet-explore-chrome

Hi Kirk, the quick reply box is in all our forum section categories. Just checked, you had me worried there for as mo'.

eg :- http://andymurray.forumotion.co.uk/t113-are-you-a-simon-reed-fan

You may not have noticed it, as it can be camouflaged by the problem in some browsers. It would be nice to have it white, the same as it is in the "Post Reply" box, which just happens to be correct in Firefox and IE !

It just a small annoyance, some say they don't mind it, others are just being polite, but I do wonder if the forums CSS code is corrupted a little, as I had a problem with it before with consequent HitSkin installs.

Just a small question, is the "Basic CSS" the forum CSS or the aggregate User CSS stylesheet code ? (if you know what I mean)

***EDIT***
Sanket..............just tried that in Firefox and no change there. I think we may be exhausting the solutions. Does anyone else on here get the same problem ?

This may or may not be useful, but I looked at the Basic CSS and found these lines...

/* Message-box-------------------------------------------------*/
#message-box textarea{
color: #000000;
font-family: Verdana,Arial,Helvetica,sans-serif;
width: 80%;
font-size: 1.2em;
}
#textarea_content{
margin-top: 2px;
}
#textarea_content textarea#text_editor_textarea{
width: 100% !important;
height: 250px;
}
#textarea_content iframe#text_editor_iframe{
width: 100%;
height: 100%;
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
width: 100% !important;
height: 150px;
}
form#quick_reply #textarea_content iframe#text_editor_iframe {
width: 100%;
height: 100%;
}

/* Message-box OLD/NEW Editor-------------------------------------------------*/
.editor-message-box textarea {
color: #000000;
font-family: Verdana,Arial,Helvetica,sans-serif;
width: 80%;
font-size: 1.2em;
}
.editor-textarea_content {
margin-top: 2px;
}
.editor-textarea_content textarea#text_editor_textarea{
width: 100% !important;
height: 250px;
}
#quick_reply .editor-textarea_content textarea#text_editor_textarea{
width: 100% !important;
height: 150px;
}

/* Modules-------------------------------------------------*/

Jubbahey#2 wrote: but I do wonder if the forums CSS code is corrupted a little, as I had a problem with it before with consequent HitSkin installs.

Don't get me started on the basic CSS

Anyway, try this, getting rid of the background altogether. Most browsers will default to white.

Code:


#quick_reply textarea, #quick_reply #text_editor_textarea {
  background: none!important;
}


I forgot to ask, do you use the wysiwyg editor?
If so, there's a different root to take.

Yeah well i still cant see it because you do not have anything open for guest to reply. It's not a big deal. it should be what LG has said, I use something different for a phpbb2 forum to where i just add a image or a color.

LGForum, sorry, but it defaults to the 2nd background colour this time (and that was in Chrome too)..... the same as the surrounding area colour. So had to get rid of that one, nice try though.

wysiwyg editor, where is that? I've heard of it, but haven't come across it.

Kirk, there is a guest area, its here...

http://andymurray.forumotion.co.uk/t131-hi-you-there-here-s-where-s-it-s-at

...and I've just found out, there's no quick reply just the old post reply box. Thanks for that, I'll have to go check the settings ................................

Ah, so you mean I could create a .jpg of a white background and force that as the background image, i can do that, I've done it in the chat box already.

You'll know if your using the WYSYIWYG editor if, when you click the bold button, does the text in the textbox turn bold? Or does a [b] tag get inserted?

I get the latter in the text box LGForum

Then your not using it, so the problem remains.

In the system CSS the bacgkround color looks to be set by the selector '.inputbox', so try again with this:

Code:


.inputbox {
  background-color: #fff;
}


This is all based on the fact your profile says phpbb3 by the way.

Yes, we are on phpbb3 LGforum, and no go on that code I'm afraid.

Just to make sure we are on the same tack, the box we have a problem with, is the quick reply one, not the post reply box, that one seems to be OK in all the browsers.

Is the wysiwyg editor something you can turn on and off ?

Just found out how to turn on wysiwyg mode, but it was already on meh!

************************

Mmmmm, i wonder ???, just went into templates and created a new one, used phpBB2 as a base and went with BBTech skin and voila, on my Chrome browser, its not white, nor is the POST REPLY box either.




Question is, did some code get left over from two consecutive installs of different Hitskins and are they taking preference in ways that some browsers display CSS code ?

I have found the only way to get the background colour to something acceptable in this workaround, and its weird.

Went to Display/Colors/Background Colors - Background color 1 :

Changed it to light blue, the colour of my main forum category background. Saved it.

Drag/highlighted the contents of that color box and deleted it to a clear box. Saved it.

Went back to the browser, the Forum category background colour hasn't changed, but the box has turned to a slightly grey color, which is preferable to the previous one.

All in all, I think my CSS is corrupted, but only manifests as a display problem on some browsers for whatever reason. if true, there is prob nothing I can do about it.

Thanks for all your help peeps its been educational and fun trying different things out. If I eventually find out what is happening, I'll inform the boards.

SOLVED