If you try and set your logo to larger than 150, it without saying anything, forces it back to 150.
There is loads of room underneath to put the invoices details in line with the address details, but it won’t let me do that.
Which invoice style are you using? I’ve had a dig into the HTML for mine and the logo is in the DOM as
<img id="imginvoiceLogo" src="https://qfstore.blob.core.windows.net/user/.../something.png"
class="invoice-logo-img" style="width: 200px;">
so in the invoice style gallery → “customise this style” I can override that with
#imginvoiceLogo {
width: 300px !important;
}
(the !important is required in order to make the CSS take precedence over the style="..." in the HTML - normally style always wins).
There’s basically no limit to the amount of customisation you can apply to the invoice layout, but some things require much more advanced CSS than others. For example I helped someone completely rearrange their invoice sections using CSS grid layout.
I’m using the default one.
What I can’t work out is why the limit is there, as on auto is disappears behind the invoice details manually there is a BUG as it changes it from what you set manually back to 150 and doesn’t notify you.
Plus 300 would make it line up, the forced 150 doesn’t and auto is not working.
So how/where are you changing that CSS ?
When viewing any sales invoice preview there’s a little green button in the top left hand corner saying “invoice style gallery”. This gives you a set of default templates to choose from, but when you’ve selected one you can also opt to “customise this style” which creates a custom template derived from the standard one, in which you can freely edit the CSS.
