RoboHelp 2019 New UI-Output Header Title Font Size

"I am in the process of creating a new CSS but I have to enter everyting for it so it's taking some time. "

You don't need to enter every style in the custom css, just the few things you want to override. Everything else will come from the skin css file.

More functionality and bug fixes. See the RoboHelp Tour on my site. 

Whether or not you need the features only you can decide.

Can you quickly give reasons for going to version 2020? What are the benefits of that version? 

I see no reason to hold back. If in doubt, zip up a copy of the project before upgrading.

I am in the process of creating a new CSS but I have to enter everyting for it so it's taking some time. 

In the meantime, should I continue using RoboHelp 2019 or would it be prudent to move to version 2020?

Yep, RH2019 New UI is a very weird blend of super simplified and super advanced. I don't think Adobe had accurate user stories when they designed it.

They haven't actually provided any access to the stylesheet for responsive outputs, so that's why a custom one is necessary.

In that screenshot where you have the title selected, in the right-hand panel you need to copy the name of that first style (from body to div.title). 

Then open your custom stylesheet and switch to code view using the </> icon.

Paste the style name in, then type { font-size: xxx;}. Replace xxx with whatever you need the font size to be. 

To add the stylesheet to your skin, when you get to the screen with all the icons, that's just Windows file explorer, so browse to your assets folder and select the css file you created.

Generate your output and check the font size is correct. If you can't see any difference you might need to make another change to the style, but I'm hoping not. Post back if you can't see any difference and I'll explain.

Then to make sure the font size is what you need on a tablet, resize the browser window to approximately an iPad size and you'll see the layout change. Repeat the Inspect step and the steps above to add the table style to your custom stylesheet. After you add the style to the stylesheet, I think you'll need to remove the stylesheet from the skin and re-add it - another user reported that changes to this custom css don't show without this step.

Then you need to repeat once more for a mobile phone size.

I can also recommend working through the W3 Schools CSS tutorial. The Try It Yourself feature is really handy. https://www.w3schools.com/css/

On another note, I think Frameless skins have more of the stylesheet available in the Robohelp interface, so you could investigate changing output type. It still has weird omissions so you might have to look at custom css depending on what you need, but probably not as frequently.

Okay, yes, that is the correct tag. 

But:

1. Why do I need to create a custom CSS, why can't I amend the one I'm using?

2. I don't understand how creating a custom CSS will affect the font size on the output for the header.

This version of RoboHelp is simply impossible to use if you don't have a programmer background. 

Ok, so that looks like it's that div.title part in layout.css that has the line-height at 100%, font-size at 1.625em, etc. Try editing that layout.css in the output to see if changing those values has the effect that you want to achieve. That will confirm that it's the correct tag you need to manipulate in your custom version of CSS that @Amebr was talking about.

Oh. Sorry, I guess I was looking at the incorrect thing. Here it is expanded: