Sign Up! Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Digital Clock
by Wolfar15
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Pimp My Site! > Custom CSS: font colour
Jaggie (New Admin) 3/6/2009 6:21 AM EST : Custom CSS: font colour
Jaggie
Posts: 1725
Zomgawsh Poster

Every time Guild Portal does an update, something funky happens to my guild site. Last night no one could add a new topic or reply to posts (they would for some reason be sent back to the main webpage), and all white font on the page (shouts, bodies of text, user names and dates) appear black and are imposable to read on our dark background. 

I've been messing around with it on a new test page, and cornered the font colour problem to be on our Custom CSS settings.

Would anyone please be able to read our coding and be able to tell me what is missing and/or find the problem font coding? 



~~~~

/* The content of the posts (body of text) */
body{font:11px Georgia,Tahoma MS,Verdana,Arial,Helvetica,sans-serif;margin:0px

0px;padding:0 0;
align:center center;background-image:
url(http://fc63.deviantart.com/fs40/i/2009/024/6/4/stone_wall_texture_001.jpg);background-position:center center; background-repeat:repeat; background-attachment:fixed; background-color:black; background-width:960px

background-color:black;
scrollbar-3dlight-color:#6a6a6a;
scrollbar-arrow-color:#fc9b00;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#1f1f1f;
scrollbar-highlight-color:#1f1f1f;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#2e2e2e; color: e7e7e7}

/* General font families for common tags */
font, th, td, p{font:12px Georgia,Verdana,Arial,Helvetica,sans-serif}
p{margin-top:2px;margin-bottom:3px}

/* General text */
.gensmall{font-size:10px}
td.genmed, .genmed{font-size:11px}
.explaintitle{font-size:11px;font-weight:bold;color:#727272}

/* General page style */
A:active {
    COLOR: #767676; TEXT-DECORATION: none
}
A:link {
    COLOR: #767676; TEXT-DECORATION: none
}
A:hover {
    COLOR: #810081; TEXT-DECORATION: underline
}
A:visited {
    COLOR: #737CA1; TEXT-DECORATION: none
}


/* titles for the topics:could specify viewed link colour too */
.topictitle{font-size:11px;font-weight:bold}
a.topictitle:visited{color:#767676}
a.topictitle:hover{color:#b28f00}

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name{font-size:11px;font-weight: bold}
url('/CExplorer/Themes/EQ2/cellpic1.gif')
hr{border: 0px solid #767676;border-top-width:1px;height:0px}

/* Category gradients*/
td.cat, td.rowpic{color:#8e8e8e;font-weight:bold;letter-spacing:1px;background:#191919 url('/ddo.tentonhammer.com/files/gallery/albums/Exclusive_Screenshots/DDO_CM_SS16_7_1024.sized.jpg');
height:31px;text-indent:4px}
a.cattitle, a.cattitle:visited{color:#d0a700}
a.cattitle:hover{color:#767676}

/* Main table cell colours and backgrounds */
.row1{background:#272727}
.row2{background:#303030}
.row3{background:#414141}
td.spacerow{background:#343434}

.row1, .row2, .row3, thcornerl, td.spacerow, td.cat, th, .topnav{
border:1px solid;border-color:#707070 #000000 #000000 #707070}

/* This is for the table cell above the Topics,Post & Last posts on the index.php */
td.rowpic{background: #343434 url('/CExplorer/Themes/EQ2/cellpic2.jpg') repeat-y; }

/* Table Header cells */
th{background: #171717 url('/CExplorer/Themes/EQ2/cb_fbr_tex.gif');color:#8e8e8e;font-size:11px;
font-weight:bold;height:27px;white-space:nowrap;text-align:center;padding-left:8px;padding-right:8px}
{color:#8e8e8e;font-weight:bold;letter-spacing:1px;background:#191919 url(/CExplorer/Themes/EQ2/cellpic1.gif);
height:31px;text-indent:4px}

/* This is the border line & background colour round the entire page */
/ * .bodyline{background:#4f4f4f}

/* This is the outline round the main forum tables */
.forumline{background:#010101}
.forumline{border:1px solid;border-color: #000001 #707070 #707070 #000000}

/* The largest text used in the index page title and toptic title etc. */
.maintitle, h1{
font:bold 20px/120% "Georgia",Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;text-decoration:none;color:#767676}

.subtitle, h2{font:bold 18px/180% "Georgia",Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
text-decoration:none}

/* Used for the navigation text,(Page 1,2,3 etc) and the navigation bar when in a forum */
.nav{font-size:11px;font-weight:bold;color:#979797}
.postbody{font-size:12px;line-height:125%}

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

/* Quote blocks */
.quote{background:#525252;border:1px solid #000000;color:#e7e7e7;
font-size:11px;line-height:125%}

/* Code blocks */
.code{background:#545454;border:1px solid #000000;color:#fff8dc;
font:12px Courier,"Courier New",sans-serif;padding:5px}

/* This is for the error messages that pop up */
.errorline{background:#ff8c00;border:1px solid #000000}

input{font:11px Georgia, Verdana, Arial, Helvetica, sans-serif;color:#000000}

select{background:#e7e7e7;color:#000000;font:11px Georgia, Verdana, Arial, Helvetica, sans-serif}
input.post, textarea.post{background:#303030;color:#e7e7e7;font:11px Georgia,Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px;
border:1px solid;border-color: #000000 #707070 #707070 #000000}
input.liteoption, .fakebut{background:#303030;font-size:11px;color:#e7e7e7;
border:1px solid; border-color:#707070 #000000 #000000 #707070}
input.mainoption{background:#303030;color:#ffcc00;font-size:11px;
border:1px solid; border-color:#707070 #000000 #000000 #707070}
input.catbutton{background:#303030;font-size:11px;
border:1px solid; border-color:#707070 #000000 #000000 #707070}

a.but, a.but:hover, a.but:visited{color:#d0a700;text-decoration:none}

/* This is the line in the posting page which shows the rollover help line. */
.helpline{background:#303030;border:0px solid;font-size:10px}

/* This is the gradient background at the top of the page */
.topbkg{background: #1a1a1a url('http://www.axiomfiles.com/Files/39052/brick_dark.jpg') repeat-x; font-size:13px;font-weight:bold;color:#000000}
.headtitle{font:bold 28px/180% "Georgia",Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;color: #262626}

.topnav{font-size:10px;background:#1d1c19;color:#dd6900;white-space:nowrap}

/* Admin & Moderator Colours Modification */
.admin, .mod{font-size:11px;font-weight:bold}
.admin, a.admin, a.admin:visited{color:#ffa34f}
.mod, a.mod, a.mod:visited{color:#006699}
a.admin:hover, a.mod:hover{color:#767676}

/* Specify the space around images */
.imgtopic, .imgicon{margin-left:0}
.imgspace{margin-left:1px;margin-right:2px}
.imgfolder{margin:1px 4px 1px 4px}

/* Gets rid of the need for border="0" on hyperlinked images */
img{border:0px solid; }

/* Background images for tables */
.tbltop{background:#2e2e2e url('/CExplorer/Themes/EQ2/tnav_t.gif') repeat-x; }
.tblleft{background:#2e2e2e url('/CExplorer/Themes/EQ2/tnav_l.gif') repeat-y; }
.tblright{background:#2e2e2e url('/CExplorer/Themes/EQ2/tnav_r.gif') repeat-y; }
.tblbot{background:#2e2e2e url('/CExplorer/Themes/EQ2/tnav_b.gif') repeat-x; }

input.button { background:#CCCCCC;font-size:11px;color:#000000;
border:1px solid; border-color:#707070 #000000 #000000 #707070 }

.bodyline { border:0px solid}

.ContentBoxBody
{BACKGROUND-COLOR: ;
 BORDER-WIDTH: 0px 0px 0px 0px;
 BORDER-STYLE: solid;
 BORDER-COLOR: ;
 PADDING-LEFT: 5px;
 PADDING-RIGHT: 5px;
 FONT-SIZE: 9pt;
 FONT-FAMILY: Georgia,Helvetica;}

#ContentTable .ContentBoxBody
{BACKGROUND-COLOR: ;
 BORDER-WIDTH: 0px 0px 0px 0px;
 BORDER-STYLE: solid;
 BORDER-COLOR: ;
 PADDING-LEFT: 5px;
 PADDING-RIGHT: 5px;
 FONT-SIZE: 8pt;
 FONT-FAMILY: Georgia;}

#ContentTable .ContentBox
{BACKGROUND-COLOR: ;
 BORDER-WIDTH: 2px 0px 2px 0px;
 BORDER-STYLE: solid;
 BORDER-COLOR: #333333;
 PADDING-LEFT: 5px;
 PADDING-RIGHT: 5px;
 FONT-SIZE: 8pt;
 FONT-FAMILY: Georgia;}

.ContentBox
{BACKGROUND-COLOR: ;
 BORDER-WIDTH: 0px 0px 0px 0px;
 BORDER-STYLE: solid;
 BORDER-COLOR: #333333;
 PADDING-LEFT: 5px;
 PADDING-RIGHT: 5px;
 FONT-SIZE: 8pt;
 FONT-FAMILY: Georgia;}

.ForumCategoryHeader
{BACKGROUND-COLOR: #;
 BORDER-WIDTH: 0px 0px 2px 0px;
 BORDER-STYLE: solid;
 BORDER-COLOR: #767676;
 PADDING-LEFT: 10px;
 PADDING-RIGHT: 10px;
 FONT-SIZE: 11pt;
 FONT-FAMILY: Georgia,Tahoma MS,Verdana,Arial,Helvetica,sans-serif;}

.TabBar
{      display: ;
       spacing: 0px 0px 0px 0px;
       width: 960px;
       height: 40px;
       BACKGROUND-COLOR: #;
       background-image: url("");
       background-repeat: no-repeat;
       text-align: center;
       vertical align: absolute-middle;   
}






TopBottom

Mottie (MVP) 3/6/2009 7:27 AM EST : RE: Custom CSS: font colour
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Jaggie said:
/* The content of the posts (body of text) */
body{font:11px Georgia,Tahoma MS,Verdana,Arial,Helvetica,sans-serif;margin:0px

0px;padding:0 0;
align:center center;background-image:
url(http://fc63.deviantart.com/fs40/i/2009/024/6/4/stone_wall_texture_001.jpg);background-position:center center; background-repeat:repeat; background-attachment:fixed; background-color:black; background-width:960px

background-color:black;
scrollbar-3dlight-color:#6a6a6a;
scrollbar-arrow-color:#fc9b00;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#1f1f1f;
scrollbar-highlight-color:#1f1f1f;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#2e2e2e; color: #e7e7e7}


Hi Jaggie,

Try adding the # sign in red into the CSS above.
TopBottom

Jaggie (New Admin) 3/6/2009 7:45 AM EST : RE: Custom CSS: font colour
Jaggie
Posts: 1725
Zomgawsh Poster

you are my hero. *Clings forever.*

Thank you!



TopBottom

Muklokk (New Admin) 3/6/2009 1:36 PM EST : RE: Custom CSS: font colour

Muklokk
Posts: 261
Fingers of Fury!

I had this same problem and your solution fixed mine as well, just posting to say thanks
TopBottom

Daneera (New Admin) 3/7/2009 5:19 AM EST : RE: Custom CSS: font colour
Daneera
Posts: 2759
Zomgawsh Poster

adding the pound sign still isnt working for us text is still like black on black anyone with better css eyes than I able to look at this?


/* Based on the original Style Sheet for the fisubsilver v2 Theme for phpBB version 2+
Edited by Daz  - http://www.forumimages.com - last updated 26-06-03 */

/* The content of the posts (body of text) */
body{font:12px Verdana, Arial, Helvetica, sans-serif;margin:0px 0px;padding:0 0;
background-image: url('/CExplorer/Themes/EQ2/back.gif');
scrollbar-3dlight-color:#6a6a6a;
scrollbar-arrow-color:#fc9b00;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#1f1f1f;
scrollbar-highlight-color:#1f1f1f;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#2e2e2e; color: #e7e7e7}

 

/* General font families for common tags */
font, th, td, p{font:12px Verdana,Arial,Helvetica,sans-serif}
p{margin-top:2px;margin-bottom:3px}

/* General text */
.gensmall{font-size:10px}
td.genmed, .genmed{font-size:11px}
.explaintitle{font-size:11px;font-weight:bold;color:#727272}

/* General page style */
a:link, a:active, a:visited, a.postlink{color: #d0a700;text-decoration:none}
a:hover{color:#767676}

/* titles for the topics:could specify viewed link colour too */
.topictitle{font-size:11px;font-weight:bold}
a.topictitle:visited{color:#b28f00}
a.topictitle:hover{color:#767676}

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

hr{border: 0px solid #000000;border-top-width:1px;height:0px}

/* Category gradients*/
td.cat, td.rowpic{color:#8e8e8e;font-weight:bold;letter-spacing:1px;background:#191919 url('/CExplorer/Themes/EQ2/cellpic1.gif');
height:31px;text-indent:4px}

a.cattitle, a.cattitle:visited{color:#767676}
a.cattitle:hover{color:#d0a700}

/* Main table cell colours and backgrounds */
.row1{background:#272727}
.row2{background:#303030}
.row3{background:#414141}
td.spacerow{background:#343434}

.row1, .row2, .row3, thcornerl, td.spacerow, td.cat, th, .topnav{
border:1px solid;border-color:#707070 #000000 #000000 #707070}

/* This is for the table cell above the Topics,Post & Last posts on the index.php */
td.rowpic{background: #343434 url('/CExplorer/Themes/EQ2/cellpic2.jpg') repeat-y; }

/* Table Header cells */
th{background: #171717 url('/CExplorer/Themes/EQ2/cb_fbr_tex.gif');color:#8e8e8e;font-size:11px;
font-weight:bold;height:27px;white-space:nowrap;text-align:center;padding-left:8px;padding-right:8px}
{color:#8e8e8e;font-weight:bold;letter-spacing:1px;background:#191919 url(/CExplorer/Themes/EQ2/cellpic1.gif);
height:31px;text-indent:4px}

 

 


/* This is the border line & background colour round the entire page */
/ * .bodyline{background:#4f4f4f}

/* This is the outline round the main forum tables */
.forumline{background:#010101}
.forumline{border:1px solid;border-color: #000000 #707070 #707070 #000000}

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

.subtitle, h2{font:bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
text-decoration:none}

/* Used for the navigation text,(Page 1,2,3 etc) and the navigation bar when in a forum */
.nav{font-size:11px;font-weight:bold;color:#979797}
.postbody{font-size:12px;line-height:125%}

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

/* Quote blocks */
.quote{background:#525252;border:1px solid #000000;color:#e7e7e7;
font-size:11px;line-height:125%}

/* Code blocks */
.code{background:#545454;border:1px solid #000000;color:#fff8dc;
font:12px Courier,"Courier New",sans-serif;padding:5px}

/* This is for the error messages that pop up */
.errorline{background:#ff8c00;border:1px solid #000000}

input{font:11px Verdana, Arial, Helvetica, sans-serif;color:#000000}

select{background:#e7e7e7;color:#000000;font:11px Verdana, Arial, Helvetica, sans-serif}

input.post, textarea.post{background:#303030;color:#e7e7e7;
font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px;
border:1px solid;border-color: #000000 #707070 #707070 #000000}
input.liteoption, .fakebut{background:#303030;font-size:11px;color:#e7e7e7;
border:1px solid; border-color:#707070 #000000 #000000 #707070}
input.mainoption{background:#303030;color:#ffcc00;font-size:11px;
border:1px solid; border-color:#707070 #000000 #000000 #707070}
input.catbutton{background:#303030;font-size:11px;
border:1px solid; border-color:#707070 #000000 #000000 #707070}

a.but, a.but:hover, a.but:visited{color:#d0a700;text-decoration:none}

/* This is the line in the posting page which shows the rollover help line. */
.helpline{background:#303030;border:0px solid;font-size:10px}

/* This is the gradient background at the top of the page */
.topbkg{background: #1a1a1a url('/CExplorer/Themes/EQ2/cellpic_bkg.jpg') repeat-x; font-size:13px;font-weight:bold;color:#000000}
.headtitle{font:bold 28px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;color: #262626}

.topnav{font-size:10px;background:#1d1c19;color:#dd6900;white-space:nowrap}

/* Admin & Moderator Colours MODification */
.admin, .mod{font-size:11px;font-weight:bold}
.admin, a.admin, a.admin:visited{color:#ffa34f}
.mod, a.mod, a.mod:visited{color:#006699}
a.admin:hover, a.mod:hover{color:#767676}

/* Specify the space around images */
.imgtopic, .imgicon{margin-left:0}
.imgspace{margin-left:1px;margin-right:2px}
.imgfolder{margin:1px 4px 1px 4px}

/* Gets rid of the need for border="0" on hyperlinked images */
img{border:0px solid; }

 


/* Background images for tables */
.tbltop{background:#2e2e2e url('/CExplorer/Themes/EQ2/tnav_t.gif') repeat-x; }
.tblleft{background:#2e2e2e url('/CExplorer/Themes/EQ2/tnav_l.gif') repeat-y; }
.tblright{background:#2e2e2e url('/CExplorer/Themes/EQ2/tnav_r.gif') repeat-y; }
.tblbot{background:#2e2e2e url('/CExplorer/Themes/EQ2/tnav_b.gif') repeat-x; }

input.button { background:#CCCCCC;font-size:11px;color:#000000;
border:1px solid; border-color:#707070 #000000 #000000 #707070 }

.bodyline { border:0px solid}

TopBottom

Mottie (MVP) 3/16/2009 5:15 AM EST : RE: Custom CSS: font colour
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi Daneera!

Sorry I didn't reply earlier, but I don't see anything that jumps out at me... I even added that CSS to a site and it still looked fine. If you are still having a problem, can you share a link to your site please?
TopBottom

Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%