Title: Custom template style example
Last modified: August 21, 2016

---

# Custom template style example

 *  [piffpaffpuff](https://wordpress.org/support/users/chabis/)
 * (@chabis)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/custom-template-style-example/)
 * Here’s a simple example of a custom CSS style for the template. It hides the 
   left side address and all address titles. The address, quantity, price and colophon
   is positioned 60% percent from the left to fit into the envelope window.
 *     ```
       function toolbox_print_order_style() {
       	?>
       		<style>
       			#page {
       				font-size: 1em;
       				font-family: Times, "Times New Roman", Georgia, serif;
       			}
   
       			h2 {
       				font-size: 1em;
       			}
   
       			.order-branding {
       				font-size: 0.65em;
       				line-height: 140%;
       				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
       				text-transform: uppercase;
       				font-weight: bold;
       				text-align: center;
       				margin-bottom: 18em;
       			}
   
       			.order-branding .company-logo {
       				margin-bottom: 3em;
       			}
   
       			.order-branding img {
       				width: 10%;
       				height: auto;
       			}
   
       			.order-addresses h3 {
       				display: none;
       			}
   
       			.invoice .shipping-address {
       				visibility: hidden;
       			}
   
       			.delivery-note .billing-address {
       				visibility: hidden;
       			}
   
       			.delivery-note .shipping-address {
       				padding-left: 10%;
       				width: 40%;
       			}
   
       			.invoice .billing-address {
       				padding-left: 10%;
       				width: 40%;
       			}
   
       			.order-info {
       				margin-bottom: 1em;
       			}
   
       			.order-info .info-list strong {
       				font-weight: normal;
       			}
   
       			.order-info h2,
       			.order-items thead {
       				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
       				font-weight: bold;
       				text-transform: uppercase;
       			}
   
       			.order-info h2 {
       				font-size: 0.76em;
       			}
   
       			.order-info li,
       			table tr {
       				border-bottom-color: #ccc;
       			}
   
       			.order-items .amount:first-child {
       				display: block;
       			}
   
       			.order-items thead {
       				font-size: 0.76em;
       			}
   
       			.order-items th.head-name {
       				width: 60%;
       			}
   
       			.order-items th.head-quantity,
       			.order-items th.head-price {
       				width: 20%;
       			}
   
       			.order-items tbody .name {
       				font-weight: normal;
       			}
   
       			.order-items tfoot tr:last-child {
       				border-bottom-color: black;
       			}
   
       			.order-thanks {
       				margin-left: 60%;
       			}
       		</style>
       	<?php
       }
       add_action( 'wcdn_head', 'toolbox_print_order_style', 20 );
       ```
   
 * [https://wordpress.org/plugins/woocommerce-delivery-notes/](https://wordpress.org/plugins/woocommerce-delivery-notes/)

Viewing 1 replies (of 1 total)

 *  [Pavika](https://wordpress.org/support/users/rayongcom/)
 * (@rayongcom)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/custom-template-style-example/#post-4801164)
 * Thanks you very much.

Viewing 1 replies (of 1 total)

The topic ‘Custom template style example’ is closed to new replies.

 * ![](https://ps.w.org/woocommerce-delivery-notes/assets/icon-256x256.jpg?rev=2829362)
 * [Print Invoice & Delivery Notes for WooCommerce](https://wordpress.org/plugins/woocommerce-delivery-notes/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce-delivery-notes/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce-delivery-notes/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce-delivery-notes/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce-delivery-notes/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce-delivery-notes/reviews/)

## Tags

 * [address](https://wordpress.org/support/topic-tag/address/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [example](https://wordpress.org/support/topic-tag/example/)
 * [style](https://wordpress.org/support/topic-tag/style/)
 * [template](https://wordpress.org/support/topic-tag/template/)

 * 1 reply
 * 2 participants
 * Last reply from: [Pavika](https://wordpress.org/support/users/rayongcom/)
 * Last activity: [11 years, 10 months ago](https://wordpress.org/support/topic/custom-template-style-example/#post-4801164)
 * Status: not a support question