Font Font Where Are You

[knucklehead]

All I'm trying to do is change the Font Family to Verdan for:

The Cart, The Check Out, Confirmation, and Thank You Screens.

Where do I go to change the font to Verdana?

Darin

[Jim]

What template are you using?
There may be a separate .css include file for each section of the checkout process that you would have to modify.

[ShopSite Lauren]

If you have ShopSite version 10, and if you are using a ShopSite built in template then you can simply go to Preferences > Layout Settings, and select the font that you want there.

If you are in an older version of ShopSite, or if you are using a custom template, you would need to add in additional/custom code to make the change. If you are using a custom template, and if the custom template is using the checkout/confirmation/thank you header fields and footer fields then you can use the following solution.

With an older version of ShopSite (and with a custom template if your custom template supports it), you can add the following code to your header section (Commerce Setup > Order System > Checkout/Confirmation/Thank You, and add the code into the "text at the top of the screen" field). Replace the font names with the name of the font that you would like.

<style type="text/css">
body, td {font-family: arial, helvetica, verdana;}
</style>

[knucklehead]

Thanks - I am using a custom template... but may I ask a dumb question as I am not a coder...

If I want verdana to be the primary font...

is this the right code?

<style type="text/css">
body, td {font-family: arial, helvetica, verdana;}
</style>

wouldn't that make Arial the primary font???

[knucklehead]

And can i add another code mooch ???

What would the code look like if I wanted the font to small, or 10pt???

[knucklehead]

OK, I got the font and the font size I need... thanks!!!

Now, can I do a similar adjustment to get the table background to change from yellow to something more pleasing - say...WHITE for the sake of the question?

The table background that is yellow is the product listing at the top of the Checkout section - the rest of the fields (bill to and ship to) already have a white background...

[ShopSite Lauren]

Again, there is a split depending on if you are using custom templates or a ShopSite built in template. If this is a ShopSite built in template, or is using the ShopSite built-in functionality, you can change the color of the table by going to Commerce Setup > Order System > Layout Info, and changing the table shade color to whatever color you want. If this is a custom template which is not setup to use this specific ShopSite functionality, then you would need to add the following to your checkout/confirmation/thank you pages (this replaces what I gave you previously, but again, make sure the font family is the one you want).

<style type="text/css">
body, td {font-family: arial, helvetica, verdana;}
table.cart td {background-color: #FFFFFF;}
</style>

[juliacreinhart]

Is there a specific folder where shopping cart fonts are located? I'm trying to upload a specific font to match the rest of the client's website, but I can't seem to find where to put it so I can chose the font in the layout settings.

[Jim]

Fonts must be installed on the computer of the person who is viewing the page, they are not stored on the web site.

If you specify a font in a template or html page and the person viewing the page does not have that font installed on their computer the browser will default to a secondary font that might be specified or to the browsers default font.

[ShopSite Lauren]

You could also try the Google Font API:
http://www.google.com/webfonts