So I wanted to have my first post this week, in case you missed the post a few days ago my name is Brad Crombs, and I wanted to help Chris by blogging for E Comm Solution. I come from a back ground of basic web design and advanced CSS. I will be sharing my CSS tips and tricks in the Yahoo store, but this information can also be applied to the Web in general.  Today I will be going over in-cart CSS for the Yahoo! store and setting a custom background color, one thing you can’t change without downloading, and customizing the default stylesheet.Changing the cart to look like the store is the hardest part of the Yahoo platform.  There is no easy way to change the background color, which is the easiest way to make the store and cart match.  Here is some css code to make almost any cart look better with the change of a few hex color codes.

To start, go to Checkout Manager > Global Settings, then click on Checkout Wrapper.  Place the code in “Top Navigation,” then click “Save.”  Then we need to enable the display of this field on all the other pages in your checkout flow by clicking Checkout Manager > Page Configuration, and turning on top navigation for all the pages.  After you turn on one, you need to save before going to the next.  At the end save and preview to make sure everything looks right!

here is the code:

<style type=”text/css”>
body {background:[CHANGE THIS] none repeat scroll 0 0;}
#ys_pageBody {
background:#FFFFFF none repeat scroll 0 0;}
.ys_wrapper {
background:[CHANGE THIS] none repeat scroll 0 0;}
#ys_cartPage.ys_sideBar, #ys_shipBillPage.ys_sideBar, #ys_billingPage.ys_sideBar, #ys_shippingPage.ys_sideBar, #ys_reviewPage.ys_sideBar, #ys_confirmationPage.ys_sideBar {background:#FFFFFF none repeat scroll 0 0;border:1px solid gray;width:1001px;}

</style>
This may look like a lot but it’s really not, you only have to change two colors: the body and .ys_wrapper and where i have [CHANGE THIS] you can change that to a hex code or basic colors like “black” “red” “blue” or  ”green,” just be sure to leave the quotes out.  Once the custom code has been applied and you are satisfied with the results in the preview, publish your order settings and view your checkout to confirm all went as planned

******remember, as with any code, you need to test before you publish to make sure that everything ends up right!!******

Hope you liked my first post :)