JooBB Crushed

I recently replaced my JooBB 0.7.4 with 0.9.1, deleted old forums and installed JooCM, JooBB, language pack, enabled new editor, disabled old editor. My old 0.7.4 installation fit with my Joomla template with no issues, but 0.9.1 seems crushed.

As you can see from my site http://www.base113.com/front/index.php?option=com_joobb&view=board&layout=joobb&Itemid=142 I am using a complex Joomla template - YooPulse. This template allows you to changes the width of Joomla via the three small boxes along the upper right corner.

As you can see, my new installation doesn't look so good. It seems as though it is set at too narrow a width or some sort of justification. I'm also not sure if there are any graphics missing, but it looks like its all text with a few linked images.

I've read through the forums for a couple hours now, scanned through various CSS files, and I still cannot find anything. I though it might be related to jbWidth55 when I look at the source code, but I can't find why it's using jbWidth55 as opposed to jbWidth80 or any other jbWidth. I don't think this is caused by my Joomla template, particularly since my old JooBB had no problems with it.

Can anyone give me a hand figuring this out? Thanks

Re: JooBB Crushed

Uh...

I added some categories and forums in the backend, the switched to the frontend and hit refresh. Voila, it popped in place! I don't know why it happened, but I'll take it. It still occassionally gets crushed and dumps the graphics tied to the width, but if I hit refresh it comes back. Good enough for now.

Now I just have to readjust the colors again.
EDIT
Got most of the color adjusted, but I've got one big problem left. I need to change the background color of the text input box when posting. I need to be able to change this independent from the colors on the rest of the site, not by editing the Joomla template.

This doesn't appear to be implemented in JooBB anywhere that I can find, including the CSS files. Could someone give me an idea of how to add it? Thanks

Re: JooBB Crushed

Hi Natai,

when I understand you corractly, this could be your solution...

The Code generated by Joo!BB is:
Code

<textarea name="text" class= "jbEditor required"...

You should be able to style the editor as follow:
Code

.jbEditor {
background: #000; // your desired colour
}

Kind regards,
Robbie

Re: JooBB Crushed

Right, I'm trying to change the colors for that textarea, and any other similar textareas used for input.

Okay I tracked down the CSS files for the jbEditor. Thanks for that, I hadn't even considered there would be separate CSS files for the editor.

I added this code to joobeditor_black.css
Code

.jbEditor {

	background: #FFFFFF;

}

Unfortunately this seems to have no effect. I looked at several other files, and the background color is now showing up in a couple of the html files, but nothing has actually changed on the site.

Could this be due to the difference between ".jbEditor" and ".jbEditor required"? Thus far I have not been successful in locating any other references to .jbEditor required.

I remember very little java. Is there perhaps a different file I should modify?

Thanks

Re: JooBB Crushed

Nevermind. It's working now. I had to make the changes to the Joobb CSS file instead of the CSS file specifically for the editor.

I used the following code in joob_black.css

Code

.jbEditor {

	background: #EEEFFF;

	color: #000000;

	border: 1px solid #cccccc;

	font-size: 13px;

	margin: 0px;

}

Thanks for the help.