Known Participant

Answered

Uppercase title in page header

Forum|Forum|3 years ago
July 1, 2022
9 replies
816 views

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.

This topic has been closed for replies.

Correct answer Peter Grainge

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.

Peter Grainge

Community Expert

RH-10859 | Tracker (adobe.com)

________________________________________________________

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

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

L

louellen_20210224Author

Known Participant

@Peter Grainge Thank you for submitting this!

Peter Grainge

Community Expert

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.

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

P

Peter Grainge Rh

Participant

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

Community Expert

Test. Please ignore.

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

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.

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

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.

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

L

louellen_20210224Author

Known Participant

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!

A

Amebr

Community Expert

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. 😕😕

A

Amebr

Community Expert

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.

A

Amebr

Community Expert

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.

L

louellen_20210224Author

Known Participant

@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

Community Expert

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.

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

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.

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