Highlighted

Setting sidebar fonts

New Here ,
Dec 08, 2015

Copy link to clipboard

Copied

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?

Thanks,

Views

257

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

Setting sidebar fonts

New Here ,
Dec 08, 2015

Copy link to clipboard

Copied

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?

Thanks,

Views

258

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
Dec 08, 2015 0
LEGEND ,
Dec 09, 2015

Copy link to clipboard

Copied

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

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...
Dec 09, 2015 0
New Here ,
Dec 10, 2015

Copy link to clipboard

Copied

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.

Thanks,

Ben

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...
Dec 10, 2015 0
Adobe Employee ,
Dec 10, 2015

Copy link to clipboard

Copied

Hi,

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,

Surbhi Maheshwari

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...
Dec 10, 2015 0