Saturday, November 12, 2011

to set the format of your checkout page in wp-ecomerce wp plugin

put this in your check out page :---










and the other one you put in style. css


this is your style sheet code

/*
Theme Name: Multisource
Theme URI:
Author: vikas Gautam
Author URI:
*/



.shoping_cart1 .qty_input{
width:130px;
padding:6px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
border:1px solid #717171;
}
.pricedisplay{
float:none;
/*padding-left: 20px;
padding-right: 68px;*/
padding-top: 2px;
}
.remove{
float: left;
}

.shoping_cart{
float:left;
width:961px;
background:#EFEFEF;
height:35px;
line-height:35px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:14px;
font-weight:bold;
}


.shoping_cart1{
float:left;
width:961px;
background:#EFEFEF;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
margin:1px 0 1px 0;
padding:5px 0 5px 0;
}
.shoping_cart1 table td{
border-right:1px solid #717171;
}

/*.shoping_cart1 input{
width:130px;
padding:6px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
border:1px solid #717171;
}*/

.shoping_form{
float:left;
width:961px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
font-weight:bold;
}

.shoping_form strong{
font-family:Arial, Helvetica, sans-serif;
color:#91211e;
font-size:17px;
font-weight:bold;
border-bottom:1px solid #717171;
display:block;
}

.shoping_form input{
float:left;
width:210px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
border:1px solid #717171;
padding:5px;
}

.shoping_form a{
font-family:Arial, Helvetica, sans-serif;
color:#91211e;
font-style:italic;
font-size:12px;
}

.shoping_form a:hover{
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-style:italic;
font-size:12px;
}


.size_cart1{
float:left;
width:961px;
background:#EFEFEF;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
margin:1px 0 1px 0;
padding:5px 0 5px 0;
}
.size_cart1 table td{
border:1px solid #717171;
padding:10px;
border-collapse:collapse;
}


.bold18_black{
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:18px !important;
}

.contact_adress{
float:left;
width:300px;
background:#fde7ea;
padding:15px;
border:1px solid #717171;
}


.contact_adress strong{
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:18px;
display:block;
height:30px;
line-height:30px;
background:#91211e;
}

.contact_adress span{
font-family:Arial, Helvetica, sans-serif;
color:#91211e;
font-size:14px;
font-weight:bold;
}

.contact_adress_img{
float:left;
width:250px;
padding:10px;
}

.check_out_item{
float:right;
width:335px;
background:url(../images/bg001.png) no-repeat;
height:39px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
padding:5px 10px 0 10px;
margin-top:57px;
margin-right:10px;
text-align:left;
line-height:27px;
}


.check_out_item strong{
font-size:22px;
color:#91211e;
font-family:Arial, Helvetica, sans-serif;
}

.check_out_item a{
font-size:12px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
}
.check_out_item a:hover{
font-size:12px;
color:#91211e;
font-family:Arial, Helvetica, sans-serif;
}


.linkwrapper{
float:left;
width:1000px;
}

.shoping_cart4{
float:left;
width:941px;
background:#EFEFEF;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
margin:1px 0 1px 0;
padding:5px 10px 5px 10px;
}

.shoping_cart4 input{
width:287px;
padding:6px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
border:1px solid #717171;
}
.shoping_cart4 textarea{
width:255px;
height:100px;
padding:6px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
border:1px solid #717171;
}
.shoping_cart4 select{
width:269px;
padding:6px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
border:1px solid #717171;
}
.wpsc_billing_forms h4 {
border-bottom: 1px solid #717171;
color: #000000;
font-family: Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: normal;
margin: 5px 0 15px;
padding: 5px 0 15px;
}
.wpsc_shipping_forms h4 {
border-bottom: 1px solid #717171;
color: #000000;
font-family: Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: normal;
margin: 5px 0 15px;
padding: 5px 0 15px;
}
.asterix {
color: #FF0000;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: bold;
}
.shoping_cart4 table tbody tr td {
color: #000000;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
}
.wpec-related-wrap {
margin: 0 !important;
}
.validation-error {
color: #D91000;
font-weight: bold;
text-align: center;
width: 230px;
}
.error {
color: #D91000;
font-weight: bold;
text-align: left;
}
.shoping_cart4 li {
list-style: none outside none;
}
#wpsc_pagin a {
padding-left: 3px;
padding-right: 3px;
}
.tshirtproducts .toptitle a{ font-size:14px; font-weight:bold; color:#333; text-decoration:none;}

#mce-EMAIL {
background-color: #EFEFEF;
border: 0 solid #EFEFEF;
margin: 12px 0;
padding: 4px 5px;
width: 205px;
}


#translation_bar
{
width:100px;
margin-left: 71px;
}

No comments:

Post a Comment