WordPress.org

Forums

WooCommerce Print Invoice & Delivery Note
[resolved] Make Font bigger (4 posts)

  1. Monyca13
    Member
    Posted 10 months ago #

    How do you make the font bigger on the invoice?

    https://wordpress.org/plugins/woocommerce-delivery-notes/

  2. paulski1106
    Member
    Posted 10 months ago #

    hmmm, i'd like to be able to do this too. i've been trawling through previous answers but am still a bit unsure. the font in the plugin's standard format is tiny.
    apart from this small issue the plugin is great.
    personally i'd just be happy to have an option to increase the font size without messing with designing css, its a bit beyond my skills :-)
    i have a custom css stylesheet i can add to, anyone up for supplying the code to insert in there to increase the fonts on the invoice and delivery note template by say 20%?
    cheers

    paul

  3. piffpaffpuff
    Member
    Plugin Author

    Posted 10 months ago #

    You can change the font size with CSS. Use the wcdn_head hook and then write your own CSS code.

    An example that changes the font size. Paste the code in the functions.php file of your theme. Use a larger font-size value to make the text even bigger:

    function my_larger_font_example() {
        ?>
            <style>
                #page {
                    font-size: 1.15em;
                }
            </style>
        <?php
    }
    add_action( 'wcdn_head', 'my_larger_font_example', 20 );
  4. paulski1106
    Member
    Posted 10 months ago #

    Hi, it works! Hey thank you sooo much for that, you sir are a star!
    as a bit of a novice it's a bit beyond me to fix myself :-)

Reply

You must log in to post.

About this Plugin

  • WooCommerce Print Invoice & Delivery Note
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic