Font sizes of view orders and view packing slip

General ShopSite user discussion

Font sizes of view orders and view packing slip

Postby gene » Thu Mar 12, 2009 12:37 am

Can I change the font sizes of View Orders and View Packing Slip? I wanted to make the font smaller so that when printing, it will only take less page.
gene
 
Posts: 122
Joined: Mon Feb 09, 2009 10:54 pm
Location: Philippines

Postby Jim » Thu Mar 12, 2009 7:08 am

You can put style information in the Orders > Configure > header section for the order and packing slip screens and override most of the font settings.
Jim
Site Admin
 
Posts: 4953
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah

Postby gene » Sun Mar 29, 2009 5:26 pm

Not sure about this. Can you give me example?
gene
 
Posts: 122
Joined: Mon Feb 09, 2009 10:54 pm
Location: Philippines

Postby Jim » Mon Mar 30, 2009 1:30 pm

I tried several things and couldn't get most of the fonts to change. They mainly have a <font size='2'> that i couldn't override although I could change other font attributes like color and font face.
Jim
Site Admin
 
Posts: 4953
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah

Postby gene » Mon Mar 30, 2009 6:04 pm

True, we cant override that. So we cant override the sizes then.
gene
 
Posts: 122
Joined: Mon Feb 09, 2009 10:54 pm
Location: Philippines

Postby Jim » Tue Mar 31, 2009 9:33 am

Ok, I have figured out how to change the font size of everything on the page but the Order Date.

In the View Orders Header and/or Packing Slip Header sections under Orders > Configure add the following
Code: Select all
<style type="text/css">
 font{ color: inherit; font-family: sans-serif; font-size: xx-small;}
</style>


You can change the color, font-family and font-size to what you want, using the valid css values. You can find a list of what values can be used at
http://www.w3schools.com/css/css_font.asp
Jim
Site Admin
 
Posts: 4953
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah

Postby swsnow » Fri Apr 03, 2009 11:22 am

This should fix the Order date as well:

<style type="text/css">

font{ color: inherit; font-family: sans-serif; font-size: xx-small;}

table td, table td b { color: inherit; font-family: sans-serif; font-size: xx-small;}

</style>
swsnow
 
Posts: 3
Joined: Thu Apr 02, 2009 12:44 pm


Return to User Forum

Who is online

Users browsing this forum: No registered users and 27 guests