Need small customization

  • Resolved shareef790

    (@shareef790)


    4 years, 6 months ago

    I am trying make the default invoice with some spacing, etc. Here is what I am trying to do:

    1. On the top area, the logo on the left and the address field on the right are attached to each other, I want to create some space between them. Though I have put a very small image but the space between logo and address is still not showing.
    2. Below that on the right side, the following appears:
    Invoice
    Number:
    38
    Invoice
    Date:
    3 September 2020
    Order
    Number:
    WEB5773
    Order
    Date:
    I want to make invoice number in one line instead of 2 lines, and so for other things like invoice date, order number, order date.

    Can someone please help with the css changes here thanks

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter shareef790

    (@shareef790)

    Actually it is not customization but some CSS changes to space the contents in the default invoice only.

    Thread Starter shareef790

    (@shareef790)

    Actually I reduced the logo size the first issue is fixed now. Just I need to know how to push the ‘right column’ to slightly left. Appreciate any help Thanks

    Plugin Contributor kluver

    (@kluver)

    Hi @shareef790,

    You can make the order data table a bit wider (default 40%) with the following code snippet:

    add_action( 'wpo_wcpdf_custom_styles', 'wpo_wcpdf_custom_styles' );
function wpo_wcpdf_custom_styles () {
	?>
	body.invoice td.order-data {
		width: 45%;
	}
	<?php
}

    This code snippet should be added to the functions.php of your child theme or via a plugin like Code Snippets. If you haven’t worked with code snippets before please read this: How to use filters

    Thread Starter shareef790

    (@shareef790)

    Yes thanks

    Thread Starter shareef790

    (@shareef790)

    All good

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Need small customization’ is closed to new replies.