Web Wiz Forums Modifications

Print Page | Close Window

Edit css

Printed From: Web Wiz Forums
Category: Web Wiz Web App Support Forums
Forum Name: Web Wiz Forums Modifications
Forum Description: Mod's and Add-on's for Web Wiz Forums.
URL: https://forums.webwiz.net/forum_posts.asp?TID=21164
Printed Date: 29 March 2026 at 12:52pm
Software Version: Web Wiz Forums 12.08 - https://www.webwizforums.com

Topic: Edit css

Posted By: Tigu
Subject: Edit css
Date Posted: 29 August 2006 at 7:48am

I want to change the color of the top table row. Ive tried to edit the defalut css but it dont work for me. Is there any more places that i should edit to make it work? Perhaps iam editing the wrong element/class?

Replies:

Posted By: WebWiz-Bruce
Date Posted: 29 August 2006 at 8:42am

You need to edit the CSS file 'css_styles/default_style.css after you upload your edited CSS file you need to do a hard refresh (CTRL -> F5) in your web browser so it loads in the new CSS file and not use the one from it's cache.

-------------
https://www.webwiz.net/web-wiz-forums/forum-hosting.htm" rel="nofollow - Web Wiz Forums Hosting
https://www.webwiz.net/web-hosting/windows-web-hosting.htm" rel="nofollow - ASP.NET Web Hosting

Posted By: Tigu
Date Posted: 29 August 2006 at 9:40am

Ok if i want to change the top table row from darkgrey to red which one should i change? (name)

Posted By: green13
Date Posted: 30 August 2006 at 8:27am

I spent a bit over an hour changing one element at a time to figure all this stuff out. If you're looking at the main forum page, within an individual forum from top to bottom the rows are:

Table Ledger (.tableLedger)

Search Sub-ledger (.tableSubLedger)

Tables (.tableRow)

If my scanner was working, I'd offer to send you what I have.

Print a few pages from the forums - eg. the main page and one with a post, then change one element of the default_style.css to a lurid colour, upload and refresh, then mark it on the printout. Repeat with the others. It's tedious but after an hour you have a map which tells you what every element of the CSS file refers to.

Then it's a breeze to customise the colour scheme.

Posted By: Tigu
Date Posted: 30 August 2006 at 2:47pm

Thank you i will try that....

Posted By: Tigu
Date Posted: 31 August 2006 at 8:41am

After i change the css file and upload it again i have a problem. The page doesnt change any color at all. Is there anything more that i should do?

Yes i hit the ctrl F5 several times....

Posted By: Mikey
Date Posted: 01 September 2006 at 12:26am

Thats quite strange as that should change it. Have you made any other changes to the forum code or added any of your own CSS?

-------------
Handyman man?

Posted By: Tigu
Date Posted: 01 September 2006 at 8:05am

No i have not made any other changes beside changing the css and uploading it to the server. And the changes i have done is the default_style.css page.

Posted By: Mikey
Date Posted: 01 September 2006 at 9:10am

Can you copy up your CSS file here so we can have a look?

-------------
Handyman man?

Posted By: Tigu
Date Posted: 01 September 2006 at 2:56pm

Ok

/* Page body */
body{
    background-color: #FFFFFF;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

/* Text for most CSS classes */
.text, .smText, .error, a, a.smLink, a.nav, a.msgLink, a.tLink, .WebWizRTEtextarea, .basicTable, .errorTable, .tableLedger, .tableSubLedger, .tableSearchLedger, .tableRow, .tableTopRow, .tableBottomRow, .evenTableRow, .oddTableRow, .hiddenTableRow, .PMtableRow, .PMmsgBody, .msgBody, .msgEvenTableRow, .msgOddTableRow, .msgHiddenTableRow, .msgOddTableSide, .msgEvenTableSide, .msgSignature, .calLedger, .calDateCell, .calTodayCell, .BBquote, .BBcode {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color : #000000;
    font-weight: normal;
    font-size: 12px;
}
.lgText, .heading{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-weight: bold;
}

/* Text */
.smText{
    font-size: 10px;
}

.lgText{
    font-size: 15px;
}

.heading{
    font-size: 19px;
}

.error{
    color : #FF0000;
}

/* Search highlight */
.highlight{
    background-color: #ffff66
}

/* Hyperlinks */
a:link {
    color : #0000FF;
    text-decoration: underline;
}

a:visited{
    color : #990099;
    text-decoration : underline;
}

a:hover, a:visited:hover{
    color : #FF0000;
    text-decoration : underline;
}

a.smLink {
    font-size: 10px;
}

/* navigation hyperlinks */
a.nav, a.nav:visited{
    color : #444444;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
}

a.nav:hover, a.nav:visited:hover{
    color : #999999;
    text-decoration : underline;
    font-size: 10px;
    font-weight: bold;
}

/* Misc */
ul{
    list-style-type: circle;
}

form{
    display: inline;
}

a img,:link img,:visited img{
    border:none
}

.avatar, #avatar{
    width: 64px;
    height: 64px;
    border: 1px solid #000000;
    margin: 2px;
}

/* Rich Text Editor */
.WebWizRTEbutton{
    border: #EFEFEF 1px solid;
}

.WebWizRTEtextarea{
    background-color: #FFFFFF;
    font-size: 12px;
}

.RTEbutton{
    background-color: #E6E7F2;
}

/* Tables */
.basicTable{
    border: 0px;
    width: 98%;
}

.errorTable{
    border: 1px solid #FD7D40;
    background-color: #FFF2E6;
    width: 98%;
    color: #FF0000;
}

.tableBorder, .wwgAdTable{
    border: 1px solid #b62727;
    background-color: #FFFFFF;
    width: 98%;
}

/* Table Ledger */
.tableLedger{
    font-weight: bold;
    color: #8d1f1f;
    background-color: #8d1f1f;
    height: 26px;
}

.tableLedger a:link, .tableLedger a:visited{
    color : #FFFFFF;
    text-decoration: underline;
    font-weight: bold;
}

.tableLedger a:hover, .tableLedger a:visited:hover{
    color : #CCCCCC;
    text-decoration: underline;
    font-weight: bold;
}

/* Search Sub-Ledger */
.tableSubLedger{
    font-weight: bold;
    background-color: #8d1f1f;
    height: 22px;
}

.tableSubLedger a:link, .tableSubLedger a:visited{
    color : #000000;
    text-decoration: underline;
    font-weight: bold;
}

.tableSubLedger a:hover, .tableSubLedger a:visited:hover{
    color : #666666;
    text-decoration : underline;
    font-weight: bold;
}

/* Search Ledger */
.tableSearchLedger{
    font-weight: bold;
    background-color: #8d1f1f;
}

.tableSearchLedger a:link, .tableSearchLedger a:visited{
    color : #000000;
    text-decoration: underline;
    font-weight: bold;
}

.tableSearchLedger a:hover, .tableSearchLedger a:visited:hover{
    color : #666666;
    text-decoration : underline;
    font-weight: bold;
}

/* Tables */
.tableRow{
    background-color: #8d1f1f;
}

.tableTopRow, .tableBottomRow{
    background-color: #8d1f1f;
}

/* Alternating Row Colours */
.evenTableRow{
    background-color: #F0F1F5;

}

.oddTableRow{
    background-color: #F0F1F5;
}

.hiddenTableRow{
    background-color: #DFDFDF;
}

/* Private messager */
.PMtableRow{
    background-color: #F0F1F5;
}

.PMmsgBody{
    width: 99%;
    max-height: 350px;
    float: left;
    overflow: auto;
}

/* Forum posts */
.msgBody{
    width: 100%;
}

.msgEvenTableRow, .msgEvenTableSide{
    background-color: #F8F8FC;
    font-size: 10px;
}

.msgOddTableRow, .msgOddTableSide{
    background-color: #F8F8FC;
    font-size: 10px;
}

.msgEvenTableSide a:link, .msgEvenTableSide a:visited, .msgOddTableSide a:link, .msgOddTableSide a:visited{
    color : #000000;
    text-decoration: underline;
    font-weight: bold;
}

.msgEvenTableSide a:hover, .msgEvenTableSide a:visited:hover, .msgOddTableSide a:hover, .msgOddTableSide a:visited:hover{
    color : #666666;
    text-decoration : underline;
    font-weight: bold;
}

.msgHiddenTableRow{
    font-size: 10px;
    background-image: url(../forum_images/pre_approved_post.gif);
}

.msgLineDevider{
    border: solid #D1D7DC 0px;
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.msgSignature{
    max-height: 160px;
    width: 100%;
}

.postSeparatorTableRow{
    height: 10px;
    background-color: #E1E2F0;

}

/* Calendar */
.calLedger{
    font-weight: bold;
    background-color: #DCDDE4;
    padding:4px;
}
.calLedger a:link, .calLedger a:visited{
    color : #000000;
    text-decoration: none;
    font-size: 10px;
}

.calLedger a:hover, .calLedger a:visited:hover{
    color : #666666;
    text-decoration: none;
    font-size: 10px;
}

.calDateCell{
    background-color: #F8F8FC;
}

.calTodayCell{

Posted By: Mikey
Date Posted: 01 September 2006 at 3:39pm


/* Table Ledger */
.tableLedger{
    font-weight: bold;
    color: #8d1f1f;
    background-color: #8d1f1f;
    height: 26px;
}

That is the section that deals with the bit your trying to change.

I copied over to my test forum and it works fine shsowing the top table layer as a dark almost brown red.

So you can rule out that bit of the CSS as being the problem.

Is there a link to your forum i could look at?

-------------
Handyman man?

Posted By: Tigu
Date Posted: 01 September 2006 at 8:12pm

Yes the link is http://storvreta.webdoc.nu/sibkforum/default.asp

Posted By: Tigu
Date Posted: 01 September 2006 at 8:31pm

Ok now its suddenly working.....i dont know what i done...
Thank you for your effort Mikey

Timo G

Posted By: Mikey
Date Posted: 01 September 2006 at 10:25pm

Lol such is the case with the magic world of the internet

-------------
Handyman man?