Known Participant

Question

Adding company logo to Output Skins

8 replies
691 views
Translate

I uploaded to my RoboHelp project my company's logo that was created for black/dark background as is in the Skin Header. It is visible in RoboHelp project skin. The Header height is 60 (I understand this cannot be configured). My image is 100 px (width) and 57 px (height) and I entered the logo width as 100 px (i.e. under the Header>Logo>uploaded logo option.

However, when the project is generated and displayed in the browser, it isn't visible (see image: HTML5 output preview in browser). It doesn't matter if the image is a jpeg or png; I tried both.

What am I doing wrong?

New UI

This topic is closed to new replies. Start a new post to keep the conversation going.

Peter Grainge

Community Expert

Judy posted a follow up in this thread. See that for how the image size was fixed.

Translate

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.

Peter Grainge

Community Expert

Can you insert some images. Use the photo icon and paste the image in the dialog that displays. You have to click the grey area in the dialog before you paste.

Translate

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.

Peter Grainge

Community Expert

I haven't tested this but I don't think you are doing anything wrong. It sounds like an issue I hit a few years back where your logo gets stretched/distorted to fit.

What I did was create an image of the size required where the outer parts where the header colour and the logo sat within it. That way the whole image is the size required but it looks like the logo is just what you want.

Hope that makes sense.

Translate

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.

J

JudyS1954Author

Known Participant

I think I understand you. But, the logo is to the limits of image; there is no white space at the edges.

What I did do was set the width to less that the image; for example the image's width is 150 px and I set the width to 120 px and it looks OK. But, when I set it to less (100 px) or the exact width of the image (150 px), both looked distorted. The image was finally not touching the edges of the header but there was a bit of space above and below.

Just trial and error, I guess.

Translate

Erwin.Timmerman

Inspiring

Do you have spaces in the file name? I had the same thing once and using underscores solved it for me.

Translate

J

JudyS1954Author

Known Participant

Yes I do. I will put underscores and see if it works. Thanks.

Translate

J

JudyS1954Author

Known Participant

It works. Thanks.

Another question about the logos in the skin: No matter what size image I put in the size less width and height), RoboHelp always "stretches" the image to fill out the whole header height. If the header is 60 px (I understand the header height cannot be changed in RoboHelp) and I insert a graphic that is 35 px or 55 px height, it doesn't make a difference they both fill out the whole header height. I set the width to be what the graphic width is,

Any suggestions what I am doing wrong.

Translate

Jeff_Coatsworth

Community Expert

Your image didn't make it through - try editing your post and inserting it.

Translate

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.