If you were using custom CSS before moving to Checkout Manager and would like to continue doing so, you'll need to add the new elements listed below to your custom CSS file, with your own modifications.
Merchants who were not previously using custom CSS and who would like to create a custom CSS file should download the default CSS file first.
Learn more about using custom CSS with Checkout Manager.
New CSS elements
div.ys_pageActions ul li.ys_second { text-align:right; min-height:30px; _height:30px; }
div.ys_pageActions ul li.ys_third { float:left; clear:both; margin:10px 0 -10px; }
.ys_majorSection fieldset { font:11px/12px arial,verdana,sans-serif;border:0;padding:6px; }
#ys_paypalSection { font:11px/14px Arial,verdana,arial,sans-serif;color:#000;margin:10px 0;width:100%;clear:left;min-height:68px;height:auto !important;height:68px; }
.ys_paypalSection { font:11px/14px Arial,verdana,arial,sans-serif;color:#000;padding:0 0 10px; margin-top:-8px; overflow:hidden; _float:right; }
#ys_paymentMethod .ys_paypalSection,
#ys_review .ys_paypalSection,
#ys_confirmation .ys_paypalSection,
#ys_orderStatus .ys_paypalSection { margin-top:2px; _float:none; }
#ys_paypalOrContainer { width:100%; height:36px; margin-top:0; margin-bottom:10px; }
.ys_majorSection .ys_subSection #ys_savedCarts table.ys_basket { width:100% !important; margin-top:0px; }
.ys_majorSection .ys_subSection #ys_savedCarts table.ys_basket th { text-align:left; }
.ys_majorSection #ys_customerCarts { padding:0; }
.ys_plainText em { font-style:normal; }
#ys_buyerInfo #ys_crProfileShipTo { }
#ys_crProfilePage #ys_crProfileShipTo { float:left;border-bottom-width:0;border-right:1px solid #ccc; }
#ys_crProfilePage #ys_crProfileBillTo { border-bottom-width:0;border-left:1px solid #ccc; }
#ys_crProfilePage #ys_crProfileShipTo { width:50%; }
#ys_crProfilePage #ys_crProfileBillTo { margin-left:50%; }
#ys_crProfileShipTo .ys_subSection fieldset label select,
#ys_crProfileBillTo .ys_subSection fieldset label select { width:200px; }
#ys_crProfilePage .ys_majorSection { border-width:0;width:auto; }
#ys_crProfileShipTo h4,
#ys_crProfileBillTo h4 { overflow:hidden; padding-bottom:0; *height:1%; }
#ys_crProfilePage #labelcr-cart-name { padding-bottom: 0px !important; }
#ys_crProfilePage .ys_subSection table.ys_basket tbody td.ys_actions { width:40%; text-align:left; }
#ys_crProfilePage .ys_subSection table.ys_basket tbody td.ys_actions a { margin-right:90px; }
#ys_crProfilePage div.ys_pageActions ul li.ys_third { margin-top:40px; }
#ys_crProfilePage #ys_customerViewProfile { clear:both; }
#ys_crProfilePage #ys_buyerInfo { overflow:hidden; }
#ys_buyerInfo #ys_crEditProfileShip { }
#ys_crEditProfilePage #ys_crEditProfileShip { float:left;border-bottom-width:0;border-right:1px solid #ccc; }
#ys_crEditProfilePage #ys_crEditProfileBill { border-bottom-width:0;border-left:1px solid #ccc; }
#ys_crEditProfilePage #ys_crEditProfileShip { width:50%; }
#ys_crEditProfilePage #ys_crEditProfileBill { margin-left:50%; }
#ys_crEditProfileShip .ys_subSection fieldset label select,
#ys_crEditProfileBill .ys_subSection fieldset label select { width:200px; }
#ys_crEditProfilePage .ys_majorSection { border-width:0;width:auto; }
#ys_crEditProfilePage div.ys_pageActions { margin: 20px auto; width: 750px; }
#ys_crEditProfilePage #ys_pageBody #ys_buyerInfo:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#ys_crEditProfilePage #ys_pageBody #ys_buyerInfo { *height:1%; }
#ys_crEditProfilePage #ys_billingEmail { clear:left; }
#ys_buyerInfo #ys_crLoginWrap { }
#ys_regLoginPage #ys_crLoginWrap { float:left;border-bottom-width:0;border-right:1px solid #ccc; }
#ys_regLoginPage #ys_crRegWrap { border-bottom-width:0;border-left:1px solid #ccc; }
#ys_regLoginPage #ys_crLoginWrap { width:50%; }
#ys_regLoginPage #ys_crRegWrap { margin-left:50%; }
#ys_crLoginWrap .ys_subSection fieldset label select,
#ys_crRegWrap .ys_subSection fieldset label select { width:200px; }
#ys_regLoginPage .ys_majorSection { border-width:0;width:auto; }
#ys_regLoginPage #ys_pageBody #ys_buyerInfo.ys_noReg #ys_crLoginWrap { margin-left:0;width:100%;border-left-width:0;border-right-width:0; float:none; }
div.ys_custreg_cart_button { position:relative; float:left; height:30px; margin-top:10px; }
For more information about using and uploading a custom CSS file with Checkout Manager, please see our custom CSS help.
See Also: