Skip to main content
C
CorinneAHK
Participant
March 23, 2017
Question

Responsive HTML5 Indigo output font sizes

  • March 23, 2017
  • 1 reply
  • 609 views

I am wondering if anyone can help me please, I am new to RobHelp 17. I am using the Responsive HTML5 Indigo output and I would like to change all the font to be Arial 10. I have changed the layout font to be Arial in the Layout Customization but am unsure where to change the font size.

I have changed the font size in my topics using the css file, so it is just the index and the navigation menu and the breadcrumb bar that I need to change now.

If anyone has any ideas I would be very grateful to hear them.

Thank you

Corinne

This topic has been closed for replies.

1 reply

Jeff_Coatsworth
Community Expert
Jeff_CoatsworthCommunity Expert
Community Expert
March 23, 2017

Do a search on layout editing, but I think @Willam van Weelden talks about that sort of stuff buried deep in the guts of some SCSS file?

Willam van Weelden
Willam van Weelden
Inspiring
April 6, 2017

Are you comfortable with CSS?

The Indigo layout contains a separate Theme1.css file that holds all formatting and colours used in the layout. You can use that file to change the font size.

For example, in the Theme1.css you'll find a selector for formatting all the sidebars. You can use that to change the font size. Just be careful: if you change the font size on the entire sidebar, the search fields and buttons will also be enlarged. So it will be a little playing until you get it just right.

You can use these webinars as a starting point: Beyond the Wizard: Editing HTML5 layouts for RoboHelp 11 (Session 1) , Beyond the Wizard: Editing HTML5 layouts FOR RoboHelp 11 (Session 2) https://2016-09-06-robohelp-layout.meetus.adobeevents.com/

My webinar on SCSS won't be much use as Adobe hasn't released the SCSS files. But because all formatting is taken care of in the theme1.css, you shouldn't have to resolve to SCSS anyway.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices