I'm creating a responsive HTML5 Help system, and one of the requirements for it is setting fonts and font sizes in the sidebar (Search, TOC, index, etc.)
In the Output settings all i can set is the color of the sidebar text. is there a way to set the fonts and sizes as well?
Which RoboHelp version and which Screen Layout?
You can set the size through the SCSS/CSS of the layout. The only way is to go through the code. For the CSS, it is included with the Screen Layout and expand it. For the SCSS (source from where the CSS is generated) is available on: RoboHelp screen profiles and layouts
I’m using RH 2015 and a Responsive HTML5 customized Charcoal Grey layout (I changed background colors, replaced the logo and a few other things that can be done in the Layout Customization).
I don’t want to lose my customizations, obviously.
I opened the Layout css in the !ScreenLayout!\Charcoal_Grey folder. Where do I find the Search results font settings? It’s the Title, Preview, and Breadcrumb that I need to change.
Open the layout.css in !ScreenLayout!\Charcoal_Grey folder in any editor say notepad++.
To change the font setting of the following :
1. Title of the search result: search "wSearchResultTitle" and change the setting accordingly. It is at line 706.
2. Preview of search text: search "wSearchContent" and make the changes. it is at line 715.
3. Breadcrumb: search "wSearchURL" and make changes. It is at line 721.
Note: Please make sure you make changes at the right place because it is dependent on the position of search bar also i.e. it is in sidebar or not.
Give it a try and let us know how it goes.
Hoping for the best.
Thanks and Regards,