Knowledge Base
Print View and Custom CSS
If you are looking to overwrite the CSS in the Print View or even the Coupon Creator CSS the load order is as follows:
- Default CSS
- Pro Option CC
- Custom Coupon Styles from the Options Page
Pro Options
Coupon Creator Pro also includes some more options in the display tab to change on the print view. There you can select the following:
- Default Text Font Family
- Set Font Weight
- Heading Font Family
- Heading Font Weight
Custom CSS
If you are looking to modify print view CSS selectors you can use the print_coupon body class in the Custom Coupon Styles.
If you would like to select all coupons use .cctor_coupon_container and that will target shortcode and print views of the coupons.
Default CSS
The default CSS that is included with the Coupon Creator is below and you can copy that CSS and make changes to it and enter it into the Custom Coupon Styles and it will override the default to give you the look you are going for.
/* ## Coupon Creator Print View Typographical Elements --------------------------------------------- */ body.print_coupon { font-family : Georgia, serif; font-size : 16px; font-weight : 300; line-height : 1.625; } .print_coupon p { margin : 0 0 15px; padding : 0; } .print_coupon ol, .print_coupon ul { margin : 0; padding : 0; } .print_coupon b, .print_coupon strong { font-weight : 700; } .print_coupon blockquote, .print_coupon cite, .print_coupon em, .print_coupon i { font-style : italic; } .print_coupon blockquote { margin : 40px; } /* ## Headings --------------------------------------------- */ .print_coupon h1, .print_coupon h2, .print_coupon h3, .print_coupon h4, .print_coupon h5, .print_coupon h6 { color : #000; font-family : Arial, Helvetica, sans-serif; font-weight : 400; line-height : 1.2; margin : 0 0 10px; } .print_coupon h1 { font-size : 36px; } .print_coupon h2 { font-size : 30px; } .print_coupon h3 { font-size : 24px; } .print_coupon h4 { font-size : 20px; } .print_coupon h5 { font-size : 18px; } .print_coupon h6 { font-size : 16px; }