[SOLVED] can someone tell me how to change this color blue on this web page.

[cluce]

can someone please tell me how to change this color blue on this web page.  I have spent hours on trying to change this to orange and its not as easy as I thought.

 

http://www.frequency-decoder.com/demo/table-sort-revisited/

 

 

here is the css file being used.

BODY {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; MIN-WIDTH: 800px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #545454; PADDING-TOP: 0px; FONT-FAMILY: verdana,arial,sans-serif; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px
}
H2 SPAN {
FONT-VARIANT: small-caps
}
P A:link {
FONT-WEIGHT: normal; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #678602; TEXT-DECORATION: none
}
P A:visited {
FONT-WEIGHT: normal; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #83aa00; TEXT-DECORATION: none
}
P A:hover {
FONT-WEIGHT: normal; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #880000; TEXT-DECORATION: none
}
CODE {
FONT-SIZE: 1em; FONT-FAMILY: 'andale mono','lucida console','courier new',monospace
}
P {
MARGIN: 0px 0px 1em; LINE-HEIGHT: 1.6em
}
H1 {
MARGIN-TOP: 0.6em; FONT-WEIGHT: lighter; FONT-SIZE: 2em; COLOR: #97bc45; FONT-FAMILY: georgia, times new roman, times, georgia, palatino, serif; TEXT-ALIGN: center
}
H2 {
MARGIN-TOP: 1em; FONT-WEIGHT: lighter; FONT-SIZE: 1.2em; TEXT-TRANSFORM: uppercase; COLOR: #333; FONT-FAMILY: verdana,arial,sans-serif; LETTER-SPACING: 1px; TEXT-ALIGN: center
}
H2 SPAN {
TEXT-TRANSFORM: none; FONT-VARIANT: small-caps
}
TABLE {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto 1.5em; BORDER-LEFT: #c1dad7 1px solid; WIDTH: auto; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse
}
.cs1 {
WIDTH: 30em
}
.cs2 {
WIDTH: 20em
}
.cs1 TD {
TEXT-ALIGN: right
}
.cs2 TD {
TEXT-ALIGN: right
}
#scientificNotation {
TEXT-ALIGN: right
}
CAPTION {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px auto; FONT: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; WIDTH: auto; PADDING-TOP: 0px; TEXT-ALIGN: right
}
TH {
BORDER-RIGHT: #c1dad7 1px solid; PADDING-RIGHT: 12px; BORDER-TOP: #c1dad7 1px solid; PADDING-LEFT: 12px; BACKGROUND: url(../media/bg_header.jpg) #cae8ea no-repeat; PADDING-BOTTOM: 4px; FONT: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; VERTICAL-ALIGN: middle; TEXT-TRANSFORM: uppercase; COLOR: #4f6b72; PADDING-TOP: 8px; BORDER-BOTTOM: #c1dad7 1px solid; LETTER-SPACING: 1px; TEXT-ALIGN: left
}
TD.total {
BORDER-TOP-WIDTH: 0px; BORDER-RIGHT: #c1dad7 1px solid; FONT-WEIGHT: bold; BORDER-LEFT-WIDTH: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; TEXT-TRANSFORM: uppercase; LETTER-SPACING: 1px; TEXT-ALIGN: right
}
TH.sortable {
PADDING-RIGHT: 12px; PADDING-LEFT: 16px; BACKGROUND: url(../media/bg_header_sortable.jpg) #cae8ea no-repeat; PADDING-BOTTOM: 4px; CURSOR: pointer; PADDING-TOP: 8px
}
TH.sortable-text {
PADDING-RIGHT: 12px; PADDING-LEFT: 16px; BACKGROUND: url(../media/bg_header_sortable.jpg) #cae8ea no-repeat; PADDING-BOTTOM: 4px; CURSOR: pointer; PADDING-TOP: 8px
}
TH.sortable-date {
PADDING-RIGHT: 12px; PADDING-LEFT: 16px; BACKGROUND: url(../media/bg_header_sortable.jpg) #cae8ea no-repeat; PADDING-BOTTOM: 4px; CURSOR: pointer; PADDING-TOP: 8px
}
TH.sortable-keep {
PADDING-RIGHT: 12px; PADDING-LEFT: 16px; BACKGROUND: url(../media/bg_header_sortable.jpg) #cae8ea no-repeat; PADDING-BOTTOM: 4px; CURSOR: pointer; PADDING-TOP: 8px
}
TH.sortable-date-dmy {
PADDING-RIGHT: 12px; PADDING-LEFT: 16px; BACKGROUND: url(../media/bg_header_sortable.jpg) #cae8ea no-repeat; PADDING-BOTTOM: 4px; CURSOR: pointer; PADDING-TOP: 8px
}
TH.sortable-numeric {
PADDING-RIGHT: 12px; PADDING-LEFT: 16px; BACKGROUND: url(../media/bg_header_sortable.jpg) #cae8ea no-repeat; PADDING-BOTTOM: 4px; CURSOR: pointer; PADDING-TOP: 8px
}
TH.sortable-currency {
PADDING-RIGHT: 12px; PADDING-LEFT: 16px; BACKGROUND: url(../media/bg_header_sortable.jpg) #cae8ea no-repeat; PADDING-BOTTOM: 4px; CURSOR: pointer; PADDING-TOP: 8px
}
TH.sortable-sortByTwelveHourTimestamp {
PADDING-RIGHT: 12px; PADDING-LEFT: 16px; BACKGROUND: url(../media/bg_header_sortable.jpg) #cae8ea no-repeat; PADDING-BOTTOM: 4px; CURSOR: pointer; PADDING-TOP: 8px
}
TH.sortable-sortIPAddress {
PADDING-RIGHT: 12px; PADDING-LEFT: 16px; BACKGROUND: url(../media/bg_header_sortable.jpg) #cae8ea no-repeat; PADDING-BOTTOM: 4px; CURSOR: pointer; PADDING-TOP: 8px
}
TH.sortable-sortEnglishLonghandDateFormat {
PADDING-RIGHT: 12px; PADDING-LEFT: 16px; BACKGROUND: url(../media/bg_header_sortable.jpg) #cae8ea no-repeat; PADDING-BOTTOM: 4px; CURSOR: pointer; PADDING-TOP: 8px
}
TH.sortable-sortScientificNotation {
PADDING-RIGHT: 12px; PADDING-LEFT: 16px; BACKGROUND: url(../media/bg_header_sortable.jpg) #cae8ea no-repeat; PADDING-BOTTOM: 4px; CURSOR: pointer; PADDING-TOP: 8px
}
TH.sortable-sortImage {
PADDING-RIGHT: 12px; PADDING-LEFT: 16px; BACKGROUND: url(../media/bg_header_sortable.jpg) #cae8ea no-repeat; PADDING-BOTTOM: 4px; CURSOR: pointer; PADDING-TOP: 8px
}
TH.sortable-sortFileSize {
PADDING-RIGHT: 12px; PADDING-LEFT: 16px; BACKGROUND: url(../media/bg_header_sortable.jpg) #cae8ea no-repeat; PADDING-BOTTOM: 4px; CURSOR: pointer; PADDING-TOP: 8px
}
TH.forwardSort {
BACKGROUND: url(../media/bg_header_down.jpg) #cae8ea no-repeat 0px 0px
}
TH.reverseSort {
BACKGROUND: url(../media/bg_header_up.jpg) #cae8ea no-repeat 0px 0px
}
TH.forwardSort A {
COLOR: #000; outline: 0 none
}
TH.reverseSort A {
COLOR: #000; outline: 0 none
}
TH A {
COLOR: #4f6b72; TEXT-DECORATION: none
}
TD A {
COLOR: #239; TEXT-DECORATION: none
}
TD IMG {
BORDER-RIGHT: #ddd 3px solid; BORDER-TOP: #ddd 3px solid; MARGIN: 0px auto; BORDER-LEFT: #ddd 3px solid; BORDER-BOTTOM: #ddd 3px solid
}
TD A:hover {
COLOR: #a84444; BORDER-BOTTOM: #a80000 1px dotted
}
TD {
BORDER-RIGHT: #c1dad7 1px solid; PADDING-RIGHT: 12px; PADDING-LEFT: 12px; PADDING-BOTTOM: 6px; FONT: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; COLOR: #4f6b72; PADDING-TOP: 6px; BORDER-BOTTOM: #c1dad7 1px solid
}
TD.lft {
TEXT-ALIGN: left
}
TR.alt {
BACKGROUND: #f5fafa; COLOR: #797268
}
TR[class='alt'] TD {
BACKGROUND: url(../media/td_alt.jpg) #f5fafa no-repeat
}
TD[class~='alt'] {
BACKGROUND: url(../media/col_alt.jpg) #fff no-repeat
}
TBODY TR.alt TD:first-child {
FONT-WEIGHT: bold; BACKGROUND: url(bullet2.gif) #f5fafa no-repeat
}
TBODY TR TD:first-child {
FONT-WEIGHT: bold; BACKGROUND: url(bullet1.gif) #fff no-repeat
}

[tippy_102]

Change all occurances of this: #c1dad7

to this #ffa500

[cluce]

thanks for teh reply. ok that changed the border of the table but I still cant figure out the background. I manily am trying to figure out how to change the table header background and every other table row. I even changed the background image in the code snippet below to orange but that didnt change my rows only partial of my top table row ???

 

TH {

BORDER-RIGHT: #c1dad7 1px solid; PADDING-RIGHT: 12px; BORDER-TOP: #c1dad7 1px solid; PADDING-LEFT: 12px; BACKGROUND: url(../media/bg_header.jpg) #cae8ea no-repeat; PADDING-BOTTOM: 4px; FONT: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; VERTICAL-ALIGN: middle; TEXT-TRANSFORM: uppercase; COLOR: #4f6b72; PADDING-TOP: 8px; BORDER-BOTTOM: #c1dad7 1px solid; LETTER-SPACING: 1px; TEXT-ALIGN: left

}

 

 

[tippy_102]

The table header background is in the file: bg_header.jpg so you'll have to make your own orange file....just make sure it is the same height as the original.

 

This may help: http://www.guestbook.4u2ges.com/gradient-image-maker.asp

 

The #f5fafa is the light blue background for the alternating td's

 

 

[cluce]

thanks. cool website but I know how to do that. I even deleted the image from the directory and I still have the blue header row in the table that displays the data. ???

 

I even edited the same image with macromedia fireworks but it only covers the left side of the header row at the top of my web page itself along the right side is still messed up.   

 

but that doesnt change the blue header background in the table that displays my data.  I think its becasue my my web design itself is done with tables which is messing it up.

 

I think there is one more blue color code somewhere I need to change???

[cluce]

I fixed the right side that was messed up by deleted the no-repeat code from here

 

TH {

BORDER-RIGHT: #ffa500 1px solid; PADDING-RIGHT: 12px; BORDER-TOP: #ffa500 1px solid; PADDING-LEFT: 12px; BACKGROUND: url(images/BG11.jpg);***no-repeat code *** PADDING-BOTTOM: 4px; FONT: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; VERTICAL-ALIGN: middle; TEXT-TRANSFORM: uppercase; COLOR: #4f6b72; PADDING-TOP: 8px; BORDER-BOTTOM: #ffa5001px solid; LETTER-SPACING: 1px; TEXT-ALIGN: center

 

now i just need to figure out where the last blue background is coming from.

[cluce]

got it..thanks for your feedback