Highlighted

Responsive HTML5 Indigo output font sizes

New Here ,
Mar 23, 2017

Copy link to clipboard

Copied

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

Repsonsive HTML5 layout.jpg

TOPICS
HTML5 layout

Views

363

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

Responsive HTML5 Indigo output font sizes

New Here ,
Mar 23, 2017

Copy link to clipboard

Copied

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

Repsonsive HTML5 layout.jpg

TOPICS
HTML5 layout

Views

364

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
Mar 23, 2017 0
Adobe Community Professional ,
Mar 23, 2017

Copy link to clipboard

Copied

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?

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
Reply
Loading...
Mar 23, 2017 0
LEGEND ,
Apr 06, 2017

Copy link to clipboard

Copied

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.

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
Reply
Loading...
Apr 06, 2017 0