• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers

Uppercase title in page header

Community Beginner ,
Jul 01, 2022 Jul 01, 2022

Copy link to clipboard

Copied

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.

header_title_font.png

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.

 

Views

129

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Jul 02, 2022 Jul 02, 2022

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;
}

 

image.png

 

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 Autho

...

Likes

Translate

Translate
Community Expert ,
Jul 02, 2022 Jul 02, 2022

Copy link to clipboard

Copied

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;
}

 

image.png

 

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.

 

Help others by clicking Correct Answer or Like if helpful. Found your answer elsewhere? Share it here.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 05, 2022 Jul 05, 2022

Copy link to clipboard

Copied

@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? 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 06, 2022 Jul 06, 2022

Copy link to clipboard

Copied

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.

 

Help others by clicking Correct Answer or Like if helpful. Found your answer elsewhere? Share it here.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 06, 2022 Jul 06, 2022

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 07, 2022 Jul 07, 2022

Copy link to clipboard

Copied

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!

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 07, 2022 Jul 07, 2022

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 07, 2022 Jul 07, 2022

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 08, 2022 Jul 08, 2022

Copy link to clipboard

Copied

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!

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 07, 2022 Jul 07, 2022

Copy link to clipboard

Copied

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.

 

Help others by clicking Correct Answer or Like if helpful. Found your answer elsewhere? Share it here.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 08, 2022 Jul 08, 2022

Copy link to clipboard

Copied

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.

 

Help others by clicking Correct Answer or Like if helpful. Found your answer elsewhere? Share it here.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jul 08, 2022 Jul 08, 2022

Copy link to clipboard

Copied

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.

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 08, 2022 Jul 08, 2022

Copy link to clipboard

Copied

Test. Please ignore.

Help others by clicking Correct Answer or Like if helpful. Found your answer elsewhere? Share it here.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 10, 2022 Jul 10, 2022

Copy link to clipboard

Copied

Such a weird decision to remove it. 0_0

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 10, 2022 Jul 10, 2022

Copy link to clipboard

Copied

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.

 

Help others by clicking Correct Answer or Like if helpful. Found your answer elsewhere? Share it here.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 11, 2022 Jul 11, 2022

Copy link to clipboard

Copied

RH-10859 | Tracker (adobe.com)

________________________________________________________

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

 

Help others by clicking Correct Answer or Like if helpful. Found your answer elsewhere? Share it here.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 11, 2022 Jul 11, 2022

Copy link to clipboard

Copied

LATEST

@Peter Grainge Thank you for submitting this!

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
RoboHelp Documentation
Download Adobe RoboHelp