Coupon Creator

  • Coupon Creator Pro
    • Coupon Creator Pro
    • Feature Demos
    • Premium Features
    • Release Notes
    • New Feature Suggestions
  • Support
    • Contact Support
    • Guides (Start Here)
    • Frequently Asked Questions
    • Documentation
    • Tutorials
    • Support Terms
  • Contact
  • My Account
  • 0 items

Print View and Custom CSS

Posted on 08.27.15 | brianjessee |

Knowledge Base


Print View and Custom CSS

Last Updated: 8 years ago in CSS
With Coupon Creator 2.1, there is default CSS included on the Print View to give some basic styling to improve the presentation of the coupon. If you already have CSS you use or would like to remove it there is a way to disable it using this option: Coupon > Options > Display Tab > “Print View Base 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:

  1. Default CSS
  2. Pro Option CC
  3. 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:

  1. Default Text Font Family
  2. Set Font Weight
  3. Heading Font Family
  4. 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;
}

1 star1 star1 star1 star1 star
4.3 out of 5 stars
Downloads!

Get Started With Pro

Click to Buy Pro

What Users are Saying:


Wonderful Plugin & Top Notch Support – We purchased the pro version of this plugin after reviewing the free version for a while. The free version is great, but we needed some of the more advanced features that the pro version offered…more

— (infobeckettgraphics)

Simple Solution for My Site — First Rate Support! – A simple and useful plugin that offers a perfect solution for my website. … The videos are extremely helpful. Support from the developer was fast and very helpful…more

— Mike (msagman)

My client needed a coupon creator to add the mobile equivalent of clip-out paper coupons for their website. This Coupon Creator plugin was the best, most reliable solution that allows my client to easily make decent-to-good looking online coupons in-house with a minimum of design experience and fuss. Many other coupon plugins actually only generate coupon codes a-la RetailMeNot. This one lets you generate printable coupon-looking coupons or responsive, mobile-friendly discount coupons that users can pull up on their smartphone right there at the merchant.

— (typeadesign)

Great Support – I am using Coupon Creator fee version on two sites and love it! Easy to use and great support! Just what I was looking for.

— Kay (stahr5)

5-Star Rating All Day Long – I strongly recommend using this plugin if you EVER need a “Top Of The Line” well designed, clean coded, lightweight, easy to manage and style coupon plugin for whatever reason for your WP site….more

— Fish (fish911)

Login

  • Lost Password

Support Resources

  • Guides
  • Frequently Asked Questions
  • Documentation
  • Tutorials

Sign Up for Updates!

For the Coupon Creator Pro!

  • This field is for validation purposes and should be left unchanged.
  • Coupon Creator Pro
  • Coupon Creator
  • Guides
  • Frequently Asked Questions
  • Terms of Service
  • Privacy Policy

Copyright © 2023 Site · WordPress Web Design by Jessee Productions, LLC

7ads6x98y