Skip to main content
Erwin.Timmerman
Inspiring
February 19, 2020
Answered

Custom logo in top left of responsive html5 skin (azure) doesn't appear

  • February 19, 2020
  • 1 reply
  • 671 views

RH2019.0.8, New UI. Azure skin for HTML5 output.

 

I have added a custom square logo file to the Azure skin with Layout > Header > Logo.

The image shows up in the editor, but does not appear in the HTML output. You can only see the background color of the header in the output, but not the image.

 

I have tried different image resolutions, moving the image as far back as possible in the layers, different image types (svg, png, jpg), different color depths, nothing works.

 

The original logo file that comes with the skin (logo.png) displays just fine. What am I doing wrong? 

This topic has been closed for replies.
Correct answer Erwin.Timmerman

I noticed that the file that was working had only a single word for a filename: logo.png. My logo filename contained spaces. So I added underscores to my own logo file, and now it works.

 

No error messages that I was using illegal characters when I selected the logo file with spaces. A bit strange, but anyway, if you have the same problem, use underscores instead of spaces, and you'll be golden.

1 reply

Erwin.Timmerman
Erwin.TimmermanAuthorCorrect answer
Inspiring
February 19, 2020

I noticed that the file that was working had only a single word for a filename: logo.png. My logo filename contained spaces. So I added underscores to my own logo file, and now it works.

 

No error messages that I was using illegal characters when I selected the logo file with spaces. A bit strange, but anyway, if you have the same problem, use underscores instead of spaces, and you'll be golden.

Known Participant
January 11, 2022

I had the same problem and did what you suggested and it worked! The logo appeared in the output file in the top left corner.