Uppercase title in page header

[louellen_20210224]

RH 2020.7.46, Frameless preset, customized Studio skin

In the Frameless preset, the title you specify on the General tab appears in the output (and in the skin preview) as all uppercase letters.

Our logo uses mixed-case letters, so the effect is a little weird. I don't see anywhere to change this in the Studio skin. I tried creating a variable using mixed-case and inserting that as the title, but RH still converted it to all uppercase in the output. Why is it doing this? It seems logical that it would display the title exactly as you enter it, or that there would be font settings to control this.

Apparently it is possible to change this by editing userstyles.css in the output and specifying text-transform:none; (once you find the right parameter to change). But since that file is only created in the output, it would have to be edited manually every time you generate the output. (Our designer figured this out, not me!) Obviously that's not ideal.

Am I missing an easy solution to this? I'm surely not the only person who wants to change this.

[Peter Grainge · Accepted solution]

Uppercase is part of the Studio skin by default. To change just the title create a css file with just this in it and save it anywhere.

.rh-layout-HEADER-title-link{
text-transform: none;
}

Click Add Asset where shown and browse to wherever you saved the CSS and RoboHelp will import the CSS file into the Publish folder in your project. If you need to make further edits, change that copy.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[louellen_20210224]

@Peter Grainge Thank you so much for the quick reply---I will try it out right away. You make this sound so easy, but I would never have figured it out on my own. It's a little frustrating how complicated this has all become, at least for a non-designer. 

So if there are other settings that I want to override, but I can only find them in userstyles.css, would I put them in the new .css along with this header link override? 

[Peter Grainge]

Not necessarily. Most settings can be changed in the skin editor. There are just some that are not and those you deal with in this way.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[Amebr]

I don't have access to RH2020 just now, but perhaps check in the skin under Home Page > Top Section > title > Text Transform and Topic Page > Header > title > Text Transform. (The names might be slightly different in RH2020, but they should be similar.) If they're set to uppercase, change to none which should mean that the capitalisation will be displayed as it was entered.

[louellen_20210224]

I don't see text-transform or anything like it in the Studio skin settings. Peter's solution worked for me, although when the output is first opened, the title briefly flashes by in all uppercase before it's converted to mixed case. This doesn't happen again as you navigate through the otuput, so I think we can live with it.

I was also able to add something else to the user asset .css that I would otherwise have fixed manually after the output files were generated, so I consider this advice a big win!

[Amebr]

Unfortunate. It's in the Orange skin in RH2019 so I was hopeful it was also accessible for Studio in RH2020. Seems weird to not include for Studio. 😕

[Amebr]

It's probably worth raising a ticket: https://tracker.adobe.com/

Post the item number in the discussion so people can easily vote if they want the same functionality.

[louellen_20210224]

Unfortunately the tracker doesn't seem to support corporate accounts, so I can't submit a feature request. It does seem like this setting might have been overlooked when the Studio skin was designed. It doesn't seem like an unusual thing to want to customize. Thanks for your help!

[Peter Grainge]

You won't see it in the skin settings, hence having to override it when you generate by adding a CSS in User Assets.

I found it by opening the output and right clicking on the title. Edge has an Inspect option that shows the style that needs editing. Text-transform was set to Inherit but changing it to None fixed the issue. Then I put that definition in the CSS in User Assets to override it when generating.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[Peter Grainge]

It's not in Orange in 2020. I don't know why it was dropped.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[Peter Grainge Rh]

Not overlooked, it looks like a deliberate decision to remove transform in 2020 generally. I have queried this and will post a bug report depending on the reply.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[Peter Grainge]

Test. Please ignore.

[Amebr]

Such a weird decision to remove it. 0_0

[Peter Grainge]

I think it was more an oversight when making changes to the skin editor. I will be raising a bug report later and I think it will be fixed in the next update/version.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[Peter Grainge]

RH-10859 | Tracker (adobe.com)

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[louellen_20210224]

@Peter Grainge Thank you for submitting this!