Shoutbox 8.5.2 text colors

Worker Joined: Feb 09, 2011 Posts: 188 Location: US

I am trying to change the color of my shout box text. I tried changing the settings of the shout box theme console, but all it does is highlight the text, not change the color of the text itself. Is there a way to change just the text color of the shout box without changing the text color of the rest of the site?

Site Admin Joined: Aug 22, 2007 Posts: 1772

Before the JS call with document.write(SBtxt); you have an div container. The container have a attribute with align="left". Add in this container a new a attribute - called class="shouttext":

open: blocks/block-Shout_Box.php:

Code:

$content .= "<div align=\"left\" class=\"shouttext\"><script type=\"text/javascript\">document.write(SBtxt);</script></div>\n";

open your style.css of your theme and add at the end of the file:

Code:

.shouttext {color:#fff;}

with this class you can change the color of your box!

Posted: Sat Jun 30, 2012 3:10 pm

or an alternative way is, you can set classes for names and comments.

find in the same block file:

Code:

         if (($rowN) AND ($row['name'] != "Anonymous")) {


            $tempContent[$i] .= "<b><a href=\"modules.php?name=Your_Account&amp;op=userinfo&amp;username=$row[name]\">$row[name]</a>:</b> $ShoutComment";


         } else {


            $tempContent[$i] .= "<b>$row[name]:</b> $ShoutComment";


         }

change it to:

Code:

         if (($rowN) AND ($row['name'] != "Anonymous")) {


            $tempContent[$i] .= '<span class="thick shoutname"><a href="modules.php?name=Your_Account&amp;op=userinfo&amp;username=' . $row[name] . '">' . $row[name] . '</a>:</span> <span class="shouttext">' . $ShoutComment .'</span>';


         } else {


            $tempContent[$i] .= '<span class="thick shoutname">' . $row[name] . ':</span>  <span class="shouttext">' . $ShoutComment . '</span>';


         }

add this two classes at the end to your style.css of your theme:

Code:

.shoutname {color:#fff;}


.shouttext {color:#fff;}

now you can change the color of the usernames and of the comments.

Posted: Sun Jul 01, 2012 12:18 am

I could only get the text color to change, but I can't seem to change the color of the username.

Posted: Sun Jul 01, 2012 3:57 am

do have used the first way or the alternative? If you use the alternative way, then you have the problem only if you are logged in?

you can try this:

Code:

.shoutname, .shoutname a {color:#fff;}


.shouttext {color:#fff;}

Posted: Sun Jul 01, 2012 9:27 am

Thank you so much, that worked. I hate to ask though, but is there a way to change the text size?

Posted: Sun Jul 01, 2012 9:59 am

Fine!

Its the same way. You must add font-size to the classes:

Code:

.shoutname, .shoutname a {color:#fff; font-size:11px;}


.shouttext {color:#fff; font-size:11px;}

Posted: Sun Jul 08, 2012 10:30 am

Thank you so much. I will try this and let you know how it worked.