Styling the Print View

  • Resolved blakef

    (@blakef)


    11 years ago

    First of all, this plugin is almost exactly what I/my client needed (minus responsiveness and a few minor things) so thanks!

    Through CSS I was able to change/override the h3 and content sizes to what I need but when the print window comes up it is not styled correctly and everything is much too large.

    I see that there is a .print class before everything and when using Firebug I can change it all perfectly. However, when I put it in my CSS, and even when I use !important, it doesn’t want to override your default styles.

    What am I doing wrong?

    Thanks!

    https://www.ads-software.com/plugins/coupon-creator/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Brian

    (@brianjessee)

    I am not sure, that is not enough information of where you are putting the css changes to know why it is not working.

    I am having the same problem.

    I am adding my styles to my child themes stylesheet.

    Like this:

    @media print {

	.print_coupon .cctor_coupon_content h3 {
		font-size:60px;
	}

	.print_coupon .cctor_coupon_content {
		background:url(images/RiverCityServicesLogoCoupon.png) 0 bottom no-repeat !important;
		position:relative !important;
		z-index:9999 !important;
	}
}

    Have tried it in a few different browsers. The print styles work when I just try to print a page like this:

    https://rivercity.hay-wire.com/coupons/

    But when I use the “click to open in print view” link on an individual coupon, the print styles are not being used.

    Also, I would prefer not to edit the plugin files because then when the client updates it, the changes will be overwritten.

    Any help on this would be much appreciated.

    Thanks

    Plugin Author Brian

    (@brianjessee)

    The Print Template does not call a themes stylesheet.

    So that would be why it is not working.

    I did that because otherwise every theme would overwrite the print layout creating more problems.

    I will look into adding a method to add custom css to the print template, but for now it has to be manually added to the coupon creator stylesheet.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Styling the Print View’ is closed to new replies.