Question about changing color font in theme?

Sergeant Joined: Apr 30, 2003 Posts: 122

Hi, I am trying to change the color font of the CATEGORY title to white (as you can see, you can hardly read it). I try changing it in the theme.css file, but the changing do not take effects when I go to the forum, I also tried the EDIT THEME in the admin panel, but it seems there is not a field for that title font color.

The forum doesn't look to be using the theme.css file? Because everytime I make a change in the css file, I don't see the corresponding effect in the forum. I also wanted to change the color of the browser scrolling bar.
I am using the subSilver theme that came in with nuke 6.5.

Posted: Wed Aug 13, 2003 2:59 am

Try
/modules/Forums/templates/subSilver
folder.
There are 2 css files in there

Posted: Wed Aug 13, 2003 3:10 am

The forums have their own CSS file.

Sergeant Joined: Apr 30, 2003 Posts: 122

Yeah, that's where I looked. There are 2 .ccs files. One is subSilver.css and the other one is formIE.css which contians this:

formIE.css

Code:

/* Fancy form styles for IE */

input, textarea, select {
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
}

input { text-indent : 2px; }

input.button {
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
}

.postbody { line-height: 18px}

subSilver.css

Code:

/*
The original subSilver Theme for phpBB version 2+
Created by subBlue design
http://www.subBlue.com
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-color: #E5E5E5;
scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #006699;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:visited { color : #993366; }
a:active { color : #215DC6; }
a:hover    { text-decoration: none; color : #000000; }
hr { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline { background-color: #FFFFFF; border: 1px #98AAB1 solid; }

/* This is the outline round the main forum tables */
.forumline { background-color: #FFFFFF; border: 2px #006699 solid; }

/* Main table cell colours and backgrounds */
td.row1 { background-color: #EFEFEF; }
td.row2 { background-color: #DEE3E7; }
td.row3 { background-color: #D1D7DC; }

/*
This is for the table cell above the Topics, Post & Last posts on the index.php page
By default this is the fading out gradiated silver background.
However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
   background-color: #FFFFFF;
   background-image: url(images/cellpic2.jpg);
   background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th {
color: #FFA34F; font-size: 11px; font-weight : bold;
background-color: #006699; height: 25px;
background-image: url(images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
      background-image: url(images/cellpic1.gif);
      background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
}

/*
Setting additional nice inner borders for the main table cells.
The names indicate which sides the border will be on.
Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
background-color: #D1D7DC; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft    { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom { border-width: 0px 1px 1px 1px; }
th.thTop { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2 {
      font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
      text-decoration: none; line-height : 120%; color : #000000;
}

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #006699; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #DD6900; text-decoration: none; }

/* The register, login, search etc links at the top of the page */
.mainmenu    { font-size : 11px; color : #000000 }
a.mainmenu    { text-decoration: none; color : #006699; }
a.mainmenu:hover{ text-decoration: underline; color : #DD6900; }

/* Forum category titles */
.cattitle    { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #FFFFFF}
a.cattitle    { text-decoration: none; color : #FFFFFF; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink    { font-weight: bold; font-size: 12px; color : #006699; }
a.forumlink { text-decoration: none; color : #006699; }
a.forumlink:hover{ text-decoration: underline; color : #DD6900; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav       { font-weight: bold; font-size: 11px; color : #000000;}
a.nav       { text-decoration: none; color : #006699; }
a.nav:hover    { text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle       { font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link { text-decoration: none; color : #006699; }
a.topictitle:visited { text-decoration: none; color : #5493B4; }
a.topictitle:hover { text-decoration: underline; color : #DD6900; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name       { font-size : 11px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails    { font-size : 10px; color : #000000; }

/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link { text-decoration: none; color : #006699 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #DD6900}

/* Quote & Code blocks */
.code {
font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
background-color: #FAFAFA; border: #000000; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
background-color: #FAFAFA; border: #000000; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright    { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright    { color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}

/* Form elements */
input,textarea, select {
color : #000000;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
background-color : #FFFFFF;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
background-color : #EFEFEF;
color : #000000;
font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
background-color : #FAFAFA;
font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
background-color : #FAFAFA;
font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
help line. This is actually a text box, but if set to be the same
colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");

Posted: Wed Aug 13, 2003 3:18 am

Yeah, forget formIE.css. It doesn't do anything anyway. Give me a couple of minutes to look through your subSilver.css file...

LoL! Wait a minute. That screenshot in the first post isn't subSilver. What theme are you running on your site?

Posted: Wed Aug 13, 2003 3:32 am

Never mind. I just captured the CSS file off your site, You're running Smeraldo.

Sergeant Joined: Apr 30, 2003 Posts: 122

No it's subSilver, all I did was overwrite the subSilver cellpics in the /images folder and modify the cells values in admin edit style to make it look like this.
Smeraldo doesn't have a phpBB theme.

Posted: Wed Aug 13, 2003 3:43 am

checksum wrote:

No it's subSilver, all I did was overwrite the subSilver cellpics in the /images folder and modify the cells values in admin edit style to make it look like this.

Ah, okay, let me look at it...

Posted: Wed Aug 13, 2003 3:45 am

Heh... the orange text should have been the giveaway... still looking...

Sergeant Joined: Apr 30, 2003 Posts: 122

It looks like whatever I change in the subSilver.css file, the changes don't take effect in the forum. Just changes in the admin edit style take effect in the forum. In other words it's not using the css file.

Posted: Wed Aug 13, 2003 4:03 am

Okay, I think I see your problem...

I can see in your subSilver.css file where you changed cattitle class and a.cattitle element to white, but your forum titles are still coming up in black. So, I went to your site and looked at the code. In that code, you will find embedded CSS. I don't know why the hell they did that, but you need to strip that code out of there. It's overwritting your external CSS files.

In the code, it has the following comment[s]

Code:

/*

The original subSilver Theme for phpBB version 2+

Created by subBlue design

http://www.subBlue.com

NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2

theme administration centre. When you have finalised your style you could cut the final CSS code

and place it in an external file, deleting this section to save bandwidth.

*/

Before I go any further, is this making any sense to you??? Very Happy

Posted: Wed Aug 13, 2003 4:17 am

Okay, anyway, I need to go to bed. It's 5:15 AM here...

This is the embedded code you need to get rid of:

Code:

</style>

Like I say, I don't have a clue as to why they did this to you. It's one of the stupidest things I've seen in a while. From the looks of it, it's probably part of an include file somewhere in your forum files, since it isn't effecting the rest of your site.

I'm going to go get some shut-eye. I'll be back later and help you out if this doesn't take care of your problems...

Sergeant Joined: Apr 30, 2003 Posts: 122

Thanks,
I will test it and let you know

Sergeant Joined: Apr 30, 2003 Posts: 122

This is the file where it comes from:

overall_header.tpl

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html dir="{S_CONTENT_DIRECTION}">

<head>

<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">

<meta http-equiv="Content-Style-Type" content="text/css">

{META}

{NAV_LINKS}

<title>{SITENAME} :: {PAGE_TITLE}</title>



<style type="text/css">



</style>



<script language="Javascript" type="text/javascript">



</script>



</script>
<script language="JavaScript1.2">

</script>

</head>

<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top"></a>

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">

<tr>

   <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">

      <tr>

         <table cellspacing="0" cellpadding="2" border="0">

            <tr>

               <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu"><center> <a href="{U_FAQ}" class="mainmenu"><img src="modules/Forums/templates/subSilver/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a>   <a href="{U_SEARCH}" class="mainmenu"><img src="modules/Forums/templates/subSilver/images/icon_mini_search.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>   <a href="{U_GROUP_CP}" class="mainmenu"><img src="modules/Forums/templates/subSilver/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a> 

                <a href="{U_PROFILE}" class="mainmenu"><img src="modules/Forums/templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>   <a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="modules/Forums/templates/subSilver/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>   <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="modules/Forums/templates/subSilver/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a> </center></span></td>

            </tr>

         </table></td>

      </tr>

   </table>

   <br />

The overall_footer.php has the nukecops copyrigths on it, so I guess it comes from nukecops