AzureBlue layout - header - logo constrained to a square

Forum|Forum|8 years ago
February 2, 2018
3 replies
437 views

Hello everyone, I am using the Azure Blue HTML5 responsive layout. it looks great, but I wanted to replace the light blue circle in the left of the header with my company's logo. I was able to do that by editing the layout, but when I publish the webhelp, the company logo is squished into a square. Is there a way to tell RH not to constrain the image into a square? Thanks. -Robert Shairulla

This topic has been closed for replies.

Bob_ShairullaAuthor

Participant

Thanks for the advice. Much appreciated. I will let everyone know how it works out. I am writing the help for a brand new application on new hardware so the logo is the least of my worries right now :-)

R

rachellec33696655

Participant

Hi,

I had a very similar issue and the way we handled this was by editing the custom.css template inside RH.

You have to change the padding (which is found in the div.wTOCTreePageSelect file.) for example we changed it to 5px, 0px, 5px 20px (it's about trial and error), all depending on the size of your logo.

Remember you have to do the same thing to the Mobile, and Tablet as well; otherwise it won't change the logo.

I feel your pain and have spoken to Adobe about this specific issue numerous times. It makes no sense that they offer no option in the Customize Layout to change the size of the logo or location.

Hope this helps you.

Peter Grainge

Community Expert

Sorry for the slow response.

I think the easiest solution is to create a square image where you company logo is centred in it and the area around your logo is the same colour as the layout. That way the outer area of the image is square but only the round logo is seen as the rest blends in.

I have been told that what you want can be done by editing the layout.css but I believe it was not that easy and took some time. It depends on your CSS skill levels.

You might want to post a feature request.

Please follow this link to report bugs and request features. The more people who do so, the higher it gets prioritised.

https://tracker.adobe.com

Post the link to that bug/feature in this thread and others can vote for it. I will.

See www.grainge.org for free RoboHelp and Authoring information.