Some thoughts on how to adjust the Printable Price list for US paper size 8 ½ x 11.
As Paulm stated in the 294 post
For US letter size you should actually decrease this value (from the default 25.5cm). I think approximately 9inch (or 23.5cm) should be the value (? 11inch minus 2x1 inch margin).
So in Price-List Profile-1 I made a change in the printable page height to 9inch
I do like larger images so I increased the Image size 50% from 80x100 to 120x150 by changing the Image height from 80 to 120 and the image weight from 100 to 150
Because I changed the image size I need to change profile-a4-portrait.css to accommodate the image change. Go to about line 39 and you will see:
WAS
/* cm or inch height for printing */
height: 2.2cm;
``` Change to:
/* cm or inch height for printing */
height: 3.3cm;
[SIZE=2]Was
/* two column settings */
.colsPL-2 table {
width: 7.5cm;
/* two column settings */
.colsPL-2 table {
width: 8.5cm;
[SIZE=2]Was
```
font-size: 7pt !important;
```
Change to
```
font-size: 8pt !important;
```
If you are changing one font size from 7 to 8 I felt you should change the other so just below this you will see at about line 171 the following
WAS
font-size: 7pt;
font-size: 8pt;
[SIZE=2]
I also want to be sure that most of my 300 letter text description was printed so I adjusted the Max rows and Extra lines. It takes about (give or take) a max of about 14 lines to include the entire 120x150 image and my description. So if you have about 5 images in a column on a page it would take about 70 rows (5 images x 14 rows =70 total rows) to print the images and descriptions per page. So I changed the current setting of 5 Extra lines to 14 and the current setting of 48 Max Rows to 70.
Sometimes the dotted border line below the description caused the last line of the description to not be easily read I removed that dotted line. Go to approx line 23 and change the following:
Was
.imgDescrPL div{
border: 1px dotted black;
.imgDescrPL div{
border: 1px none;
I was having problems with the footer overwriting either the top of the page or the bottom of the page depending on my settings. To correct this issue go to about line 150.
Was
```
position: absolute;
``` Change to
position: center;
[SIZE=2]Was
```
.headPL {
position: relative;
height: 100px;
}
```Change to
.headPL {
position: relative;
height: 130px;
}
When you add a header to each page you have effectively reduced the amount of product information you can display. So, if you add a header you must reduce the amount of space you indicate that is available for product. You should go back to admin to change the amount of printed space available on the page. I changed my now 70 max rows to 60 max rows to compensate for the space the header image occupied on the page.
My current Printable Price List can be seen at <http://sawhorsejewelry.com/index.php?main_page=pricelist>
I hope this has been helpful and correct!!
Sawhorse
