Background colour

December 13, 2007

I want to change the colour of the page background but i want to keep the background of all the infoboxes to be white, can this be down and how do i do it.

when i change the body in css file the infoboxes change as well, who do i keep make them white?

December 13, 2007

If you want to change the background colour using the body then further into your stylesheet change the background colour of the info boxes to white.

Basicly anything you need to change colour wise is done in the CSS file, if you dont know which bit changes which just change the colour and refresh your page until you learn what part sets what

December 13, 2007

If you want to change the background colour using the body then further into your stylesheet change the background colour of the info boxes to white.

Basicly anything you need to change colour wise is done in the CSS file, if you dont know which bit changes which just change the colour and refresh your page until you learn what part sets what

thanks bud

December 13, 2007

you would now what the info box one to change here would you

/*

$Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

osCommerce, Open Source E-Commerce Solutions

http://www.oscommerce.com

Released under the GNU General Public License

*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 11px; }

.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }

.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }

.productsNotifications { background: #BFBFBe; }

.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #e55801; text-decoration: underline; }

BODY {background: #000000; color: #000000; margin: 0px;}

.infoBox {background: #ffffff;}

.infoBoxContents {background: #ffffff;font-family: Verdana, Arial, sans-serif; font-size: 10px;}

/* A {color: #000000; text-decoration: none;}A:hover { color: #AABBDD; text-decoration: underline;} */

FORM {display: inline;}

TR.header {background: #ffffff;}

TR.headerNavigation {background: #bbc3d3;}

TD.headerNavigation {font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #bbc3d3; color: #ffffff; font-weight : bold;}

/* A.headerNavigation {color: #FFFFFF; }A.headerNavigation:hover { color: #ffffff;

} */

TR.headerError {background: #ff0000;}

TD.headerError {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #ff0000; color: #ffffff; font-weight : bold; text-align : center;}

TR.headerInfo {background: #00ff00;}

TD.headerInfo {font-family: Tahoma, Verdana, Arial, sans-serif;font-size: 12px;background: #00ff00;color: #ffffff;font-weight: bold;text-align: center;}

/* TR.footer {background: #bbc3d3;}TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #bbc3d3; color: #ffffff; font-weight: bold;}*/

.infoBoxNotice {background: #FF8E90;}

.infoBoxNoticeContents {background: #FFE6E6;font-family: Verdana, Arial, sans-serif; font-size: 10px;}

TD.infoBoxHeading {font-family: Verdana, Arial, sans-serif;font-size: 10px;font-weight: bold;background: #bbc3d3;color: #ffffff;}

TD.infoBox, SPAN.infoBox {font-family: Verdana, Arial, sans-serif; font-size: 10px;}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {background: #f8f8f9;}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {background: #f8f8f9;}

TABLE.productListing {border: 1px;border-style: solid;border-color: #b6b7cb;border-spacing: 1px;}

.productListing-heading {font-family: Verdana, Arial, sans-serif;font-size: 10px;background: #b6b7cb;color: #FFFFFF;font-weight: bold;}

TD.productListing-data {font-family: Verdana, Arial, sans-serif;font-size: 10px;}

TD.pageHeading, DIV.pageHeading {font-family: Verdana, Arial, sans-serif;font-size: 20px;font-weight: bold;color: #9a9a9a;}

TR.subBar {background: #f4f7fd;}

TD.subBar {font-family: Verdana, Arial, sans-serif;font-size: 10px;color: #000000;}

/* ------------------------------------------------- -------------------------------------------------------- */

TD.main, P.main {font-family: Verdana, Arial, sans-serif;font-size: 11px;line-height: 1.5;}

TD.smallText, SPAN.smallText, P.smallText {font-family: Verdana, Arial, sans-serif;font-size: 10px;}

TD.accountCategory {font-family: Verdana, Arial, sans-serif;font-size: 13px;color: #aabbdd;}

TD.tableHeading {font-family: Verdana, Arial, sans-serif;font-size: 12px;font-weight: bold;}

CHECKBOX, INPUT, RADIO, SELECT {font-family: Verdana, Arial, sans-serif;font-size: 11px;}

TEXTAREA {width: 100%;font-family: Verdana, Arial, sans-serif;font-size: 11px;}

SPAN.greetUser {font-family: Verdana, Arial, sans-serif;font-size: 12px;color: #f0a480;font-weight: bold;}

TABLE.formArea {background: #f1f9fe;border-color: #7b9ebd;border-style: solid;border-width: 1px;}

TD.formAreaTitle {font-family: Tahoma, Verdana, Arial, sans-serif;font-size: 12px;font-weight: bold;}

SPAN.markProductOutOfStock {font-family: Tahoma, Verdana, Arial, sans-serif;font-size: 12px;color: #c76170;font-weight: bold;}

SPAN.errorText {font-family: Verdana, Arial, sans-serif;color: #ff0000;}

.moduleRow { }

.moduleRowOver {background-color: #BFBFBe; cursor: pointer; cursor: hand; }

.moduleRowSelected {background-color: #BFBFBe; }

.checkoutBarFrom, .checkoutBarTo {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }

.checkoutBarCurrent {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox {font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.messageStackError, .messageStackWarning {font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }

.messageStackSuccess {font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

#myse select {width:90%;}

/* input requirement */

.product .inputRequirement, .inputRequirement

{font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#FF0000; }

/* ------------------------------------------------- -------------------------------------------------------- */

del {color:#888888;font-size:12px; font-weight:bold}

s {color:#808080;font-size:11px;font-weight:normal;}

/* ------------------------------------------------- -------------------------------------------------------- */

body {padding:0; margin:0;}

body, td, input, textarea{

font-size:11px;

font-family:Tahoma;

color:#3F4143;

line-height:13px;

vertical-align:top;

padding:0px;

}

img {border:0px;}

table {width:100%;}

.vam { vertical-align:middle}

.border { border:1px solid #bfbfbf}

.bg{ background:url(images/1_bg.gif)}

.bg1{ background:url(images/3_bg.gif)}

.header td {color:#242d3a; font-size:10px; vertical-align:middle}

.header span {color:#FFFFFF; font-size:10px;}

.header b {color:#ffffff;}

.header a {color:#e13b00; text-decoration:underline; font-size:10px; }

.header a:hover {color:#e13b00;text-decoration:none}

.header strong a {color:#C9CBBD; text-decoration:underline; font-size:11px}

.header strong a:hover {color:#C9CBBD;text-decoration:none}

.input{

width:142px; height:20px;

color:#000000; font-size:11px; font-family:tahoma;

vertical-align:middle; padding-left:15px; margin-right:6px; margin-left:11px

}

#input1{

width:37px; height:18px;

color:#3F4143; font-size:10px; font-family:tahoma; text-align:right

}

#input2{

width:37px; height:18px;

color:#3F4143; font-size:10px; font-family:tahoma; text-align:right

}

.jamp{ width:118px; height:18px; color:#464646; font-size:10px; padding-left:4px; font-family:Tahoma;}

.jamp1{ width:58px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Tahoma;}

.jamp2{ width:141px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Tahoma;}

.jamp3{ width:141px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Tahoma;}

.box_header_txt td{ height:24px; vertical-align:middle; background:url(images/li.gif);

font-weight:bold; color:#ffffff; font-size:11px;}

.box_header_txt1 td{ height:40px; vertical-align:middle; background:url(images/1_z2.gif) no-repeat top left #F4F6DE; padding-left:28px; text-transform:uppercase;

font-weight:bold; color:#313030; font-size:12px;}

.box_body td {color:#32434a; font-size:11px }

.box_body ul {padding:0; margin:0 0 0 0px; list-style:none; }

.box_body .bg_list {background:url(images/bg_list1.gif) left bottom no-repeat; }

.box_body .bg_list a {background:url(images/bg_list.gif) left top no-repeat; line-height:22px; background-position:0 3px; color:#242d3a; text-decoration:none; padding-left:18px;}

.box_body .bg_list a:hover {color:#9ace07;text-decoration:none;}

.box_body .bg_list_un {background:url(images/bg_list_un.gif) left top no-repeat; line-height:23px; background-position:0 10px; margin-left:15px}

.box_body .bg_list_un a {color:#A10E04;text-decoration:underline; padding-left:10px;}

.box_body .bg_list_un a:hover {color:#A10E04; text-decoration:none;}

.box_body .bg_list_sub {background:url(images/bg_list1.gif) left bottom no-repeat; }

.box_body .bg_list_sub a {background:url(images/bg_list_sub.gif) left top no-repeat; line-height:22px; background-position:0 3px; color:#242d3a; text-decoration:none; padding-left:18px; margin-left:17px}

.box_body .bg_list_sub a:hover {color:#9ace07;text-decoration:none;}

.cont_header_txt td {height:24px; vertical-align:middle; background:url(images/li.gif);

font-weight:bold; color:#ffffff; font-size:11px;}

.cont_header_txt a {

font-weight:bold; color:#FFFFFF; font-size:11px; text-decoration:none; vertical-align:middle;}

.cont_header_txt a:hover {

font-weight:bold; color:#FFFFFF; font-size:11px; text-decoration:underline;}

.product td {color:#3F4143; font-size:11px;}

.product a {color:#e55800; font-size:11px; text-decoration:none; font-weight:bold}

.product a:hover {color:#e55800;text-decoration:underline;}

/* .product span {color:#3F4143; font-size:11px;}

.product b {}

.product span {color:#8E1214; font-size:16px;} */

.product div a {color:#e55800; font-size:11px; font-weight:normal;text-decoration:underline; text-transform:none;}

.product div a:hover {color:#e55800;text-decoration:none;}

.pic img {border: 0px solid #919191;}

.pic1 {border: 1px solid #919191;}

.popup td {color:#3F4143; font-size:11px;}

.popup span {color:#3F4143; font-size:10px; }

.popup b {color:#3F4143; font-size:10px; }

.popup a {color:#8E1214; font-size:13px; text-decoration:underline; font-weight:bold}

.popup a:hover {color:#8E1214; text-decoration:none;}

.footer {}

.footer td {color:#242d3a; font-size:10px;}

.footer a {color:#242d3a; font-size:10px; text-decoration:none;}

.footer a:hover {color:#242d3a;text-decoration:underline;}

.footer span {color:#242d3a; font-size:10px;}

.footer b, .footer b a {color:#242d3a; font-size:10px; font-weight:bold; text-decoration:underline;}

.footer b a:hover {color:#242d3a; text-decoration:none;}

/* ------------------------------------------------- -------------------------------------------------------- */

.result {margin:0px 0px 0px 0px;}

.result td {width:50%; height:41px; vertical-align:middle;padding:0px 16px 0px 14px;}

.result_right {text-align:right;}

.result td {color:#505050; font-size:11px;}

.result b {color:#505050; font-weight:normal;}

.result_right b {color:#e55800; font-size:11px; font-weight:bold;}

.result_right a.pageResults {color:#e55800; font-size:11px;text-decoration:underline; }

.result_right a.pageResults:hover {color:#e55800; text-decoration:none; }

.result_right a.pageResults u {color:#e55800; font-size:11px; text-decoration:underline;}

.result_right a.pageResults u:hover {color:#e55800; text-decoration:none;}

/* ------------------------------------------------- -------------------------------------------------------- */

.box_body {}

.box_body td {color:#444444;}

.box_body span {color:#1a7ca9; font-size:11px; font-weight:normal; font-family:Tahoma}

.box_body span a {color:#1a7ca9; font-size:11px; font-weight:bold; text-decoration:none}

.box_body span a:hover {color:#1a7ca9; font-weight:bold; text-decoration:underline}

.box_body a {color:#1a7ca9; font-family:Tahoma; font-size:11px; text-decoration:none;}

.box_body a:hover {color:#1a7ca9; text-decoration:underline}

/* ------------------------------------------------- -------------------------------------------------------- */

SPAN.newItemInCart {font-family: Verdana, Arial, sans-serif;font-size:10px;color: #D52D01;}

.box_body a SPAN.newItemInCart {font-family: Verdana, Arial, sans-serif;font-size:10px;color: #D52D01; text-decoration:underline;}

/* ------------------------------------------------- -------------------------------------------------------- */

.smallText a {color:#e55801; font-size:11px; text-decoration:none;} /* advanced_search.php */

.smallText a:hover {color:#e55801; font-size:11px; text-decoration:underline;}

.smallText a u {color:#e55801; font-size:11px; text-decoration:none;}

.smallText a:hover u {color:#e55801; font-size:11px; text-decoration:underline;}

TD.fieldKey {font-family: Verdana, Arial, sans-serif;font-size: 12px;font-weight: bold;}

TD.fieldValue {font-family: Verdana, Arial, sans-serif;font-size: 12px;}

.main a b {color:#5D5F60;font-size: 10px; text-decoration:underline;}

.main a:hover b {color:#5D5F60;font-size: 10px; text-decoration:none;}

/* ------------------------------------------------- -------------------------------------------------------- */

span.txt_1 {font-size:10px; text-transform:none; color:#000000;}

SPAN.productSpecialPrice, .product SPAN.productSpecialPrice

{color:#242d3a; font-size:12px; font-weight:bold;}

.box_body SPAN.productSpecialPrice {color:#242d3a;font-size:12px;font-weight:bold;}

.cont_header_txt em {color:#E50029; font-size:14px; font-weight:bold; font-style:normal;vertical-align:middle;text-decoration:none;}

.product em {color:#e55800; font-size:11px; text-decoration:none; font-weight:bold; font-style:normal;}

/* ------------------------------------------------- -------------------------------------------------------- */

.main a {color:#e55801; text-decoration:underline;}

.main a:hover {color:#e55801; text-decoration:none;}

.vam {vertical-align:middle;}

input {background:#ffffff;}

.bg_input input {background:none;}

/* ------------------------------------------------- -------------------------------------------------------- */

.product .shop_cart { color:#1a7ca9; font-size:10px; font-weight:bold;

text-align:center; vertical-align:middle;padding:3px 0px 3px 0px;}

.padd_1 {padding:0px 10px 0px 10px;}

.padd_22 {padding:8px;}

td.padd2 {padding:8px; padding-left:4px;}

.line_h { line-height:16px;}

.bg_gg {background:url(images/bg_gg.gif) left center repeat-x;}

.bg_vv {background:url(images/bg_vv.gif) center top repeat-y;}

.bg_gg_1 {background:url(images/bg_gg.gif) left center repeat-x;}

.bg_vv_1 {background:url(images/bg_vv.gif) center top repeat-y;}

.product div {padding:8px 0px 5px 0px;}

div.padd3 {text-align:left; padding-top:0px; margin-left:0px; margin-right:0px;}

.padd33 img, .padd33 input {margin:5px;}

.prod_info {width:100px;}

.prod_info td {text-align:center;}

.remove { width:20%;}

.products { width:45%;}

.quantity { width:15%;}

.total { width:20%;}

.sub_total { width:80%;}

/* ------------------------------------------------- -------------------------------------------------------- */

.box_width_left { width:171px;}

.box_width_right { width:1px;}

.box_width_cont { width:100%;}

/* ------------------------------------------------- -------------------------------------------------------- */

.heading_top_1 {margin-top:2px; border:1px solid #bfbfbf}

.heading_top_1 .padd_11 {padding:10px 16px 15px 16px;}

.heading_top_1 {margin-top:2px;}

.heading_top_3 {margin-top:2px;border:1px solid #bfbfbf}

.heading_top_3 .padd_33 {padding:8px 0px 7px 0px;}

.heading_top_4 {margin-top:2px;}

.heading_top_4 .padd_44 {padding:0px 0px 7px 0px;}

.tableBox_output {margin-top:8px;}

.tableBox_output1 {margin-top:0px;}

.tableBox_shopping_cart {margin-top:0px;}

.tep_draw_separate {height:5px;}

.tep_draw_prod_top {width:221px;}

Background colour

Recommended Posts

Guest

Guest

Guest

Guest

Archived

Browse

Activity