Block Title Text Color

Pride · Regular Joined: Oct 22, 2003 Posts: 59

In custom blocks that are added to the front page Center Up area... where is the code located that changes the color of the Block Title?

(Not the blocks along the side)

Only registered users can see links on this board!
Get registered or login to the forums!

chatserv · Posted: Mon Feb 23, 2004 11:11 am

In mainfile.php under function themecenterbox

Pride · Regular Joined: Oct 22, 2003 Posts: 59

Code:

function themecenterbox($title, $content) {
OpenTable();
echo "<center>$title</center> "
."$content";
CloseTable();
echo " ";
}

I did this, and it didnt change it.

Pride · Regular Joined: Oct 22, 2003 Posts: 59

Any other ideas?

dezina · Theme Guru Joined: Dec 26, 2002 Posts: 57 Location: UK

Try coding it into style.css
You have specified a colour in your code, but the class as "option".
Depends what colour "option" is set at in style.css of theme currently in use.

Pride · Regular Joined: Oct 22, 2003 Posts: 59

Here is my mainfile.php

Code:

function themecenterbox($titlecenterbox, $content) {
OpenTable();
echo "<center>$titlecenterbox</center> "
."$content";
CloseTable();
echo " ";

Pride · Regular Joined: Oct 22, 2003 Posts: 59

Here is my style.css

Code:

TD    {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
BODY {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
P    {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
DIV    {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}

body {scrollbar-3dlight-color : #FF9900; scrollbar-arrow-color : #FF9900; scrollbar-base-color : #222222; scrollbar-darkshadow-color : #FF9900; scrollbar-face-color : #222222; scrollbar-highlight-color : #FF9900; scrollbar-shadow-color : #FF9900; scrollbar-track-color : #222222; }

FORM    {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
A:link {BACKGROUND: none; COLOR: #FF9900; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:active {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:visited {BACKGROUND: none; COLOR: #FF9900; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:hover {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.title    {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.content {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.titlecenterbox {BACKGROUND: none; COLOR: #FF0000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.storytitle {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.storycat {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.boxtitle {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.boxcontent {BACKGROUND: none; COLOR: #222222; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.option {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.titleblock {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.tiny    {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.small    {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 9px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.texte    {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000}

select { background-color : #222222; color : #FFFFFF; font: normal 11px Verdana, Arial, Helvetica, sans-serif; border: 0px solid #FF9900; border-color : #FF9900; }

input { background-color : #555555; color : #FFFFFF; font: normal 11px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #000000; border-color : #000000; }

textarea { background-color : #555555; color : #FFFFFF; font: normal 11px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #000000; border-color : #000000; }

input.post, textarea.post, select { background-color : #555555; }

input { text-indent : 2px; }

input.button { background-color : #222222; color : #FF9900; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 0px solid #000000; }

input.radio {background-color: #222222;}

input.mainoption { background-color : #000000; font-weight : bold; }

input.liteoption { background-color : #555555; font-weight : normal; }

Pride · Regular Joined: Oct 22, 2003 Posts: 59

So what am I doing wrong?

dezina · Theme Guru Joined: Dec 26, 2002 Posts: 57 Location: UK

Code:

.option {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px;

In style.css, "option" class colour is set as black, so introduce another class in your style.css called "option1", code the colour as white i.e. #FFFFFF, and then code your center block to class "option1".

Pride · Regular Joined: Oct 22, 2003 Posts: 59

I am sorry, I am just not getting this.

mainfile.php

Code:

function themecenterbox($option1, $content) {
OpenTable();
echo "<center>$option1</center> "
."$content";
CloseTable();
echo " ";

style.css

Code:

.boxcontent {BACKGROUND: none; COLOR: #222222; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.option {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.option1 {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.titleblock {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}

Am I editing the right files? Am I forgetting a variable?

dezina · Theme Guru Joined: Dec 26, 2002 Posts: 57 Location: UK

Should be

Code:

function themecenterbox($title, $content) {
OpenTable();
echo "<center>$title</center> "
."$content";
CloseTable();
echo " ";

Remember to clear cookies/refresh browser often, or you will not see changes made.
If you change themes on your site, or offer change of themes to your users/members, this recoding may not work, depending on themes used. Wink

Pride · Regular Joined: Oct 22, 2003 Posts: 59

I updated using the above code change....

Still didnt make a change. I force the use of this single theme, and I have refreshed half a dozen times.

dezina · Theme Guru Joined: Dec 26, 2002 Posts: 57 Location: UK

Without having a copy of actual theme you are using, to test, regret cannot help you further on this Sad

Pride · Regular Joined: Oct 22, 2003 Posts: 59

Its ok, I tore the code apart last night, and found that the class=option call is being referred to somewhere else in the code, in another file perhaps. I band-aided it, so it is ok.

I appreciate your help, and wish I could have provided enough info for you to help me out.

Have a great day!

dezina · Theme Guru Joined: Dec 26, 2002 Posts: 57 Location: UK

At least you stuck at it...well done for trying Very Happy