Best way to include publisher logo?

[jaycolmvar]

I have been experimenting with including a publisher logo on the title page of a book. I couldn't find any exact examples of how to do this, so I ended up using the following code in the title page file based on standard image inclusion and the general advice in the electric-book docs:

{{ creator }}
{:.title-page-author}

{% include image file="xxx-logo.png" alt="xxx logo" %}
{:.title-page-logo}

{{ publisher }}
{:.title-page-publisher}

I can get good results with this when I produce screen PDF output (after some fiddling with the logo size and the amount of padding in the logo file around the logo itself). However when I create web output or epub output the logo is not centered, as are the author name and publisher, but rather is left-aligned.

I also tried the alternative code

{% include image file="xxx-logo.png" alt="xxx logo" class= ".title-page-logo" %}

This does result in the logo being properly centered in the epub and web output, and I can get the logo to appear at a reasonable size in the web output. However, in the screen PDF output the logo is too large and is too high on the page for my liking. In the epub output the logo is also too large for my taste, large enough that it forces an extra page to be displayed for the title page.

Do you all have any recommendations or guidelines for how best to include a publisher logo and have it look reasonable in all three output formats (PDF, web, and EPUB)?

Or is this something I'm going to need to tweak the underlying JS or CSS code to get output to my liking? For example, I notice that _sass/partials/_web-title-pages.scss and _sass/partials/_epub-title-pages.scss don't include an explicit "text-align: center;" in the definition of the .title-page-logo class, as does _sass/partials/_print-title-pages.scss (which I presume is used for screen PDF output as well). Should they?

[arthurattwell]

Thanks, @jaycolmvar, this is something we've never arrived at a satisfactory solution for. In most of our projects, we've ended up creating custom styles that override the template's partials. This is mostly because many publishers need slightly different layouts (logo only, text only, logo and text; centered, left-aligned, etc.), and any visually satisfactory solution I've created for one project has seemed too opinionated to be used as the template default.

So for now I'm afraid you will need to write your own CSS for this.

I like to do this in, say, _sass/web.scss/_sass/print-pdf.scss etc., or in book/styles/..., adding styles that override the template, and I don't edit the template partials. This is because from time to time we improve the partials and I like to be able to copy those improved partials to my projects without worrying that I'm going to lose my customisations.

Meanwhile, I'm going to leave this issue open as a reminder for now that this is something I'd love us to improve in future.