I want to change the large area where the text and text box fills as well as the scroll bar. The white color throws off the entire website look. I didnt see it in the CSS, is there another file I am missing?

Thanks

Can someone please tell me which css class changes this? I am talking about the background of the shout box, the large area of the shoutbox that your shouts reside in.

please?

It's .shoutTextCell, add this to your skin or portal stylesheet.

.shoutTextCell { color: black; padding: 6px; background-color: #FFFFCC; }

Thats exactly what I added directly to the stylesheet editor in DNN Site. I tried BLACK in place of #000000 as well. These are the only extra lines added to the portal.css I even restored the original.

.shoutTable { background-color: black; margin: 0px; }
.shoutTextCell { color: #000000; padding: 6px; background-color: #006600; }
.shoutAltTextCell {color: white; padding: 6px; background-color: #000000; }

Is there something that could be over writing it?

thx

Hmm, I think you can only customize where each message is (white + yellow for alt).

I'll add some extra styles in the next version for the scrollbar and white area.

This guy did it. He changed the background with what looks like a BG.JPG. Also, I have the obsidian skin and when I load it on that the background is dark grey.

Go to http://www.iclanz.com/builder and you will see the White BG.

Then go to http://www.iclanz.com/builder2 and you will see it's the dark grey. I did not set that to dark grey it pulled it from the skin. There has to be a way to set it.

Thanks for your help Scott.

Dennis

So how can i change the background color? Its black right now and so is the text of the user/time/date that posted the comment.

How can i modify the skin stylesheet from the interface? I added the lines above (and changed them) under Admin > Site Settings > StyleSheet Editor , saved the changes and the ShoutBox is still with black background.

OK... found a fix.

On the shoutlog.aspx file, add the following code in the head section:

body {background:#ffffff;}

Add it between style tags. I couldn't post it on this message. Now this code changes the chat area to white (my situation) if your website background is dark. The shoutbox inherits the body and .normal tags from your portal.css or default.css file, therefore if you have black letters and a black background with white containers, shoutbox will not display correctly.

I hope this helps some people.