I was told by Adobe Tech Support that the size of the Title font in the Skin's Header could not be changed NOR could the Header height. If this is not true, how can they be configured.I also understood from the Adobe Tech Support that you cannot configure the Header Title's position in the Skin Header. If I wanted to move it to the right for example, how would this be done?I have Logo jpeg that is 200 px width and 31 px height (I of course can make it smaller - e.g. 150 px X23 px). The header is 60 px. I am not sure what size I should configure the Logo Width. When I tried configuring it as large, smaller or the exact size of the jpeg logo, it distorted or didn't fit into the space before the Header Title. How can I make the Logo jpeg be displayed properly in the skin header?

J

JudyS1954

Known Participant

Answered

Title and logo size and position in Skin's Header

Forum|Forum|5 years ago
April 5, 2020
5 replies
914 views

I was told by Adobe Tech Support that the size of the Title font in the Skin's Header could not be changed NOR could the Header height. If this is not true, how can they be configured.
I also understood from the Adobe Tech Support that you cannot configure the Header Title's position in the Skin Header. If I wanted to move it to the right for example, how would this be done?
I have Logo jpeg that is 200 px width and 31 px height (I of course can make it smaller - e.g. 150 px X23 px). The header is 60 px. I am not sure what size I should configure the Logo Width. When I tried configuring it as large, smaller or the exact size of the jpeg logo, it distorted or didn't fit into the space before the Header Title. How can I make the Logo jpeg be displayed properly in the skin header?

This topic has been closed for replies.

Correct answer Peter Grainge

I was able to fix the image size for Judy.

I won't post the actual logo but let's say it was the red area you see below.

What I did was increase the canvas height using Snagit. Note canvas height rather than image height. That gave me space above and below the image which retained its original size. That space was then filled with the same colour as the heading.

In the skin editor I then replaced the original image with this new one. It needed more width so in the skin editor I changed that in the Header settings.

Previously the image was stretching to fill the height and being constrained by the default width setting. This deeper image did not stretch as it filled the height and the change to the width setting fixed that aspect.

Peter Grainge

Community Expert

To find any of your threads, click on your name in a post. You will then see them all. The one you are looking for is at https://community.adobe.com/t5/robohelp/problem-with-skin-s-logo-on-different-devices/td-p/12144037

________________________________________________________
See www.grainge.org for free Authoring and RoboHelp Information

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

Peter Grainge

Correct answer

Community Expert

I was able to fix the image size for Judy.

I won't post the actual logo but let's say it was the red area you see below.

What I did was increase the canvas height using Snagit. Note canvas height rather than image height. That gave me space above and below the image which retained its original size. That space was then filled with the same colour as the heading.

In the skin editor I then replaced the original image with this new one. It needed more width so in the skin editor I changed that in the Header settings.

Previously the image was stretching to fill the height and being constrained by the default width setting. This deeper image did not stretch as it filled the height and the change to the width setting fixed that aspect.

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

Thanks, Peter for all your work and ideas to solve the problem. I see where my error was in changing the image size and it never made a difference because as you said RoboHelp just stretched it to fit the header. But, adding to the canvas side displayed the image in the correct size and positioned it where I wanted it in the header.

J

Judy5E7D

Known Participant

I can't find my recent post about the problem with the logo in different outputs. I resized the logo a lot (half the width or even more). It still was cut off or didn't show at all in the tablet and mobile outputs. I think the problem is that RoboHelp places the image (the logo) in the middle of the header and not to the left. Is there a way to change where the image is placed in the space above the TOC?

Peter Grainge

Community Expert

Which skin?

Which version of RoboHelp? Please always include that in any new thread.

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

Re 1. If you want to send me the logo, I'll see what I can do. See the Contact page on my site. Attach the logo to your email.

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 don't have an answer at the moment re 1 & 3 but I think there is a thread here re 2.

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

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.

Scanning file for viruses.

This file cannot be downloaded