3 Replies Latest reply on Dec 10, 2015 12:41 AM by surbhi_maheshwari

    Setting sidebar fonts

    bens16782962

      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,

        • 1. Re: Setting sidebar fonts
          Willam van Weelden Adobe Community Professional & MVP

          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

          • 2. Re: Setting sidebar fonts
            bens16782962 Level 1

            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

            • 3. Re: Setting sidebar fonts
              surbhi_maheshwari Adobe Employee

              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