The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

quick reply box bg colour problem

5 posters

Go down

Solved quick reply box bg colour problem

Post by Jubbahey#2 May 11th 2012, 10:56 am

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 Sad

-------------------
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.


Last edited by Jubbahey#2 on May 11th 2012, 8:43 pm; edited 5 times in total
avatar
Jubbahey#2
New Member

Posts : 13
Reputation : 1
Language : English

Back to top Go down

Solved Re: quick reply box bg colour problem

Post by Sanket May 11th 2012, 11:01 am

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;
}
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Solved Re: quick reply box bg colour problem

Post by LGforum May 11th 2012, 2:55 pm

Try this:

Code:

#quick_reply textarea {
  background: #fff;
}

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

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

Solved Re: quick reply box bg colour problem

Post by Sanket May 13th 2012, 9:52 am

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
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Solved Re: quick reply box bg colour problem

Post by Jubbahey#2 May 13th 2012, 5:02 pm

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....
quick reply box bg colour problem Chrome11



Firefox, Internet Explorer quick reply box....
quick reply box bg colour problem Firefo10


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.
avatar
Jubbahey#2
New Member

Posts : 13
Reputation : 1
Language : English

Back to top Go down

Solved Re: quick reply box bg colour problem

Post by LGforum May 13th 2012, 5:13 pm

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.


Last edited by LGforum on May 13th 2012, 11:17 pm; edited 1 time in total
LGforum
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

Solved Re: quick reply box bg colour problem

Post by Jubbahey#2 May 14th 2012, 11:33 pm

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.
avatar
Jubbahey#2
New Member

Posts : 13
Reputation : 1
Language : English

Back to top Go down

Solved Re: quick reply box bg colour problem

Post by kirk May 15th 2012, 5:28 am

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?
kirk
kirk
Forumaster

Male Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: quick reply box bg colour problem

Post by Sanket May 15th 2012, 10:36 am

Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Solved Re: quick reply box bg colour problem

Post by Jubbahey#2 May 15th 2012, 10:46 am

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-------------------------------------------------*/



avatar
Jubbahey#2
New Member

Posts : 13
Reputation : 1
Language : English

Back to top Go down

Solved Re: quick reply box bg colour problem

Post by LGforum May 15th 2012, 2:45 pm

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 Razz

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.
LGforum
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

Solved Re: quick reply box bg colour problem

Post by kirk May 15th 2012, 3:16 pm

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.
kirk
kirk
Forumaster

Male Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: quick reply box bg colour problem

Post by Jubbahey#2 May 15th 2012, 7:48 pm

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 Smile................................

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.
avatar
Jubbahey#2
New Member

Posts : 13
Reputation : 1
Language : English

Back to top Go down

Solved Re: quick reply box bg colour problem

Post by LGforum May 15th 2012, 8:28 pm

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?
LGforum
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

Solved Re: quick reply box bg colour problem

Post by Jubbahey#2 May 15th 2012, 8:39 pm

I get the latter in the text box LGForum
avatar
Jubbahey#2
New Member

Posts : 13
Reputation : 1
Language : English

Back to top Go down

Solved Re: quick reply box bg colour problem

Post by LGforum May 15th 2012, 8:41 pm

Then your not using it, so the problem remains. Razz

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.
LGforum
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

Solved Re: quick reply box bg colour problem

Post by Jubbahey#2 May 15th 2012, 10:11 pm

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 Sad 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.

quick reply box bg colour problem Phpbb210


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 ?
avatar
Jubbahey#2
New Member

Posts : 13
Reputation : 1
Language : English

Back to top Go down

Solved Re: quick reply box bg colour problem

Post by Jubbahey#2 May 17th 2012, 8:16 pm

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 thumright its been educational and fun trying different things out. If I eventually find out what is happening, I'll inform the boards.

SOLVED
avatar
Jubbahey#2
New Member

Posts : 13
Reputation : 1
Language : English

Back to top Go down

Solved Re: quick reply box bg colour problem

Post by Jophy May 18th 2012, 7:40 am

Topic Solved & Locked
Jophy
Jophy
ForumGuru

Male Posts : 17922
Reputation : 836
Language : English
Location : Somewhere

Back to top Go down

Back to top


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