11 Replies Latest reply on Oct 21, 2015 12:27 PM by TXTechWriter

    Make TOC Parent Folders Bold

    jasona66572020

      Back again with another question where I don't see an intuitive method native to RH...

       

      Again, several Help sections in the TOC (Windows, Mac, iOS, and Android), each with sub topics:

       

      Windows

      Topic 1

      Topic 2

      Topic 3

      Mac

      Topic 1

      Topic 2

      Topic 3

      iOS

      Topic 1

      Topic 2

      Topic 3

      Android

      Topic 1

      Topic 2

      Topic 3

       

      Is there a way to set up the TOC parent folders to be bold for viewers to visually offset them from the topic pages?

       

      Windows

      Topic 1

      Topic 2

      Topic 3

      Mac

      Topic 1

      Topic 2

      Topic 3

      iOS

      Topic 1

      Topic 2

      Topic 3

      Android

      Topic 1

      Topic 2

      Topic 3

        • 1. Re: Make TOC Parent Folders Bold
          Captiv8r Adobe Community Professional & MVP

          Hi there

           

          There is no way built into RoboHelp to achieve it. But you didn't say what your output was. If your output is Responsive HTML, you can probably futz with the CSS code if you know which of its nerves to poke at. Hopefully Willam will see this thread and pop in to advise.

           

          Cheers... Rick

          • 2. Re: Make TOC Parent Folders Bold
            jasona66572020 Level 1

            Thanks Captiv8r :-)

            • 3. Re: Make TOC Parent Folders Bold
              jasona66572020 Level 1

              FYI - while it wasn't the most intuitive thing to find, I was able to get to the Style Sheet (filename.css) that is in use by:

               

              1. Going into the Output Setup Pod

              2. Right-clicking the MasterPage.htt file we are using

              3. Click on the Appearance tab

              4. Click the folder icon to browse the folders where the CSS page resides

              5. Open the CSS page in my Notepad editor

               

              As a sidebar question - is there an easier way to get the CSS file to show in the Project files list so I can edit that manually, or a way to edit the CSS page natively in Robohelp?

              Back on topic, which CSS item controls the appearance of books in the TOC (the online help files are pretty much useless here for RH...surprise surprise LOL )

               

              Here's my CSS:

               

              /*Created with Adobe RoboHelp 2015.*/

              @font-face {

                font-family: "Sofia Pro ExtraLight";

                src: url(SofiaProExtraLight.otf) format(opentype);

              };

               

               

              body {

                background: #FCFCFC;

                color: #434648;

                font-family: "Sofia Pro ExtraLight", Helvetica, sans-serif;

                font-size: normal;

                margin-left: 5px;

                margin-right: auto;

                margin-top: 0;

                margin-bottom: 0;

                position: relative;

                width: 100%;

                max-width: 900px;

                word-wrap: break-word;

              }

              img.resize {

                width: 85% ! important ;

                height: auto;

              }

              .support_button {

                background: #42c0e1;

                text-align: center;

                padding: 10px;

                color: #ffffff;

                font-weight: bold;

                cursor: pointer;

                border: none;

              }

              hr {

                border: none;

                border-bottom: 1px dotted #adbac3;

                width: 100%;

                padding-top: 10px;

                margin-bottom: 10px;

                height: 1px;

              }

              p {

                margin: 12px 0px 10px 15px;

                font-size: medium;

              }

              p.breadcrumbs {

                font-size: 12px;

                color: #0099db;

                margin-left: 15px;

              }

              h1 {

                color: #42c0e1;

                font-weight: normal;

                margin: 20px 0px 12px 15px;

                font-size: 2em;

                x-next-type: p;

              }

              h2 {

                color: #2a83a7;

                font-weight: normal;

                margin: 18px 0px 10px 15px;

                font-size: 1.5em;

                x-next-type: p;

              }

              h3 {

                color: #2a83a7;

                font-weight: normal;

                margin: 16px 0px 9px 15px;

                font-size: 1.3em;

                x-next-type: p;

              }

              h4 {

                color: #2a83a7;

                font-weight: normal;

                margin: 14px 0px 8px 15px;

                font-size: 1em;

                x-next-type: p;

              }

              h5 {

                color: #2a83a7;

                font-weight: normal;

                margin: 12px 0px 6px 17px;

                font-size: 1em;

                x-next-type: p;

              }

              h6 {

                color: #2a83a7;

                font-weight: normal;

                margin: 10px 0px 6px 17px;

                font-size: 0.875em;

                x-next-type: p;

              }

              ol {

                margin: 3px 0px 3px 0px;

              }

              ul {

                margin: 3px 0px 3px 0px;

              }

              li {

                margin-top: 8px;

                margin-bottom: 7px;

              }

              .space-below {

                margin-bottom: 12px;

              }

              .indenta {

                margin-left: 52px;

              }

              .indent1 {

                margin-left: 42px;

                height: auto;

                width: 100%;

              }

              .indent2 {

                margin-left: 67px;

              }

              .Email {

                color: #434648;

                margin-left: 67px;

                margin-top: 6px;

              }

              .banner-table {

                width: 100%;

                margin-top: 8px;

              }

              .banner-table .name-and-slogan {

                text-align: right;

                vertical-align: bottom;

                font-style: italic;

                color: #013ca6;

              }

              .article-list-folder {

                font-size: 16px;

              }

              .article-list-folder a {

                margin-left: 5px;

              }

              .article-list-text-table {

                margin-left: 22px;

              }

              .article-list-text-icon {

                padding: 0;

                vertical-align: top;

              }

              .article-list-text-text {

                padding: 0 0 0 3px;

                vertical-align: top;

              }

              .articles-in-this-category-header {

                margin-top: 18px;

              }

              .articles-in-this-category-table {

                margin-left: 24px;

              }

              .subcategories-header {

                margin-top: 24px;

              }

              .subcategories-table {

                margin-left: 24px;

              }

              .article-list-container {

                padding-top: 12px;

              }

              .kb-numbered-list li {

                margin-top: 20px;

                line-height: 20px;

              }

              .kb-article p {

                line-height: 24px;

              }

              .kb-article p img {

                margin: 8px;

              }

              .kb-article center {

                margin-left: auto;

                margin-right: auto;

              }

              .kb-article .top {

                vertical-align: top;

              }

              .noborder {

                border: none;

              }

              .important {

                color: #ff0000;

              }

              .medium {

                color: #FF9900;

              }

              .small {

                font-size: 11px;

              }

              .smaller {

                font-size: 13px;

              }

              input {

                font-size: 12px;

                font-family: Verdana, Geneva, Arial, Helvetica;

                color: #000000;

              }

              .header {

                width: 100%;

                background-color: #74a62b;

                color: #ffffff;

                font-family: "Helvetica, Arial, sans-serif;

                font-size: 11px;

                text-align: center;

                background-image: url", , Helvetica, Arial, sans-serif;

                font-size: 11px;

                text-align: center;

              }

              a.breadcrumbs {

                color: #2d7fa5;

                display: inline;

              }

              .header a:link {

                color: #ffffff;

                font-size: 11px;

                text-align: center;

              }

              .header a:active {

                color: #ffffff;

                font-size: 11px;

                text-align: center;

              }

              .header a:visited {

                color: #ffffff;

                font-size: 11px;

                text-align: center;

              }

              .header a:hover {

              }

              .headersm {

                width: 100%;

                background-color: #013ca6;

                color: #ffffff;

                font-size: 16px;

                text-align: left;

                line-height: normal;

                height: 25px;

                padding: 3px;

                margin: 0px;

                padding-left: 20px;

              }

              table.enclosing {

                background-color: #ffffff;

                color: #4a5571;

                font-size: 13px;

                width: 100%;

              }

              td {

                color: #434648;

                font-size: normal;

                text-align: left;

              }

              a img {

                vertical-align: bottom;

                border: none;

                height: auto;

                width: 90%;

              }

              td.white {

                background-color: #ffffff;

                color: #4a5571;

                font-size: 13px;

              }

              td.admin_white {

                background-color: #ffffff;

                color: #4a5571;

                font-size: 11px;

                border: #d1dceb 1px solid;

                padding: 1px;

              }

              td.admin_gray {

                background-color: #f5fffa;

                color: #4a5571;

                font-size: 11px;

                border: #d1dceb 1px solid;

                padding: 1px;

              }

              td.notes {

                background-color: #fffbf2;

                color: #4a5571;

                font-size: 13px;

                border: #ffe6b8 1px solid;

              }

              th.tDetailsHead {

                background-color: #F7F7F7;

                color: #4a5571;

                font-size: 13px;

                font-weight: normal;

                text-align: center;

              }

              td.tDetailsBody {

                background-color: #ffffff;

                color: #4a5571;

                font-size: 13px;

                border: #F7F7F7 1px solid;

                text-align: center;

              }

              a {

                color: #013ca6;

                text-decoration: none;

              }

              a:hover {

                font-weight: bold;

              }

              a.smaller {

                font-size: 13px;

              }

              table.white {

                background-color: #ffffff;

                color: #23559C;

                font-size: 13px;

                border-collapse: collapse;

              }

              table.white th {

                background-color: #ffffff;

                color: #23559C;

                font-size: 11px;

                border: #b2babd 1px solid;

                border-collapse: collapse;

                background-image: url("img/tableheader.jpg");

                background-repeat: no-repeat;

                background-position: left top;

              }

              table.white th a {

                color: #23559C;

                font-size: 11px;

              }

              table.white td {

                height: 25px;

                padding-left: 5px;

              }

              input.button {

                font-size: 12px;

                font-family: Verdana, Geneva, Arial, Helvetica;

                color: #000000;

                background-color: #ffffff;

              }

              select {

                font-size: 13px;

                height: 20px;

              }

              header a img {

                border: none;

                text-decoration: none;

              }

              .open {

                color: #ff0000;

              }

              .waitingreply {

                color: #FF9933;

              }

              .replied {

                color: #0000ff;

              }

              .resolved {

                color: #008000;

              }

              .allbutresolved {

                color: #000000;

              }

              .success {

                color: #008000;

              }

              .error {

                color: #ff0000;

              }

              .notice {

                color: #FF9900;

              }

              #ok {

                border: 1px solid #679800;

              }

              #error {

                border: 1px solid #ba3225;

              }

              .rate {

                color: #666666;

                text-align: right;

                font-style: italic;

              }

              a.article {

                color: #000000;

                font-size: 15px;

                text-decoration: none;

              }

              a.article:hover {

                color: #ff0000;

                text-decoration: none;

              }

              .article_list {

                font-size: 15px;

              }

              fieldset {

                margin-bottom: 6px;

                border-left: none;

                border-right: none;

                border-bottom: none;

                border-top: 1px solid #85bbdf;

                padding: 4px;

                background-color: #ffffff;

                position: relative;

                display: block;

                padding: 0px 10px 10px 10px;

                margin: 20px 0px 20px 0px;

              }

              legend {

                background-color: #85bbdf;

                color: #ffffff;

                border: none;

                border-bottom: 1px solid #85bbdf;

                height: 16px;

                font-size: 15px;

                font-weight: bold;

                display: block;

                width: auto;

                padding: 4px 30px;

                margin: 0px;

                position: relative;

                top: -12px;

              }

              .greenbutton {

                background-image: url("img/greenbtn.jpg");

                background-repeat: no-repeat;

                text-align: center;

                color: #ffffff;

                border: 1px solid #527234;

                font-size: 10px;

                font-weight: bold;

                background-position: left top;

                height: 19px;

                padding-left: 6px;

                padding-right: 6px;

                margin-left: 2px;

                margin-right: 2px;

              }

              .greenbuttonover {

                background-image: url("img/greenbtnover.gif");

                background-repeat: no-repeat;

                text-align: center;

                color: #ffffff;

                border: 1px solid #527234;

                font-size: 10px;

                font-weight: bold;

                background-position: left top;

                height: 19px;

                padding-left: 6px;

                padding-right: 6px;

                margin-left: 2px;

                margin-right: 2px;

              }

              .orangebutton {

                background-color: #4d90fe;

                text-align: center;

                color: #ffffff;

                font-size: 14px;

                font-weight: normal;

                padding: 3px 12px;

                margin-left: 2px;

                margin-right: 2px;

                margin-top: 0px;

                border: 1px solid #3079ED;

                -moz-border-radius: 2px;

                -webkit-border-radius: 2px;

                text-decoration: none;

              }

              .orangebuttonover {

                background-color: #3665B2;

                text-align: center;

                color: #ffffff;

                font-size: 14px;

                font-weight: normal;

                padding: 3px 12px;

                margin-left: 2px;

                margin-right: 2px;

                margin-top: 0px;

                border: 1px solid #3079ED;

                -moz-border-radius: 2px;

                -webkit-border-radius: 2px;

                text-decoration: none;

              }

              .bluebutton {

                background-image: url("img/bluebtn.png");

                background-repeat: no-repeat;

                text-align: center;

                color: #660000;

                border: 1px solid #5b79a3;

                height: 20px;

                font-size: 10px;

                font-weight: bold;

                background-position: left top;

                padding-left: 6px;

                padding-right: 6px;

                margin-left: 2px;

                margin-right: 2px;

                padding-top: 2px;

                text-decoration: none;

              }

              .roundcornersleft {

                width: 7px;

                background-image: url("img/roundcornerslm.gif");

                background-repeat: repeat-y;

                background-position: left;

              }

              .roundcornersright {

                width: 7px;

                background-image: url("img/roundcornersrm.gif");

                background-repeat: repeat-y;

                background-position: right;

              }

              .roundcornerstop {

                height: 7px;

                background-image: url("img/roundcornerst.gif");

                background-repeat: repeat-x;

                background-position: top;

              }

              .roundcornersbottom {

                height: 7px;

                background-image: url("img/roundcornersb.gif");

                background-repeat: repeat-x;

                background-position: bottom;

              }

              .ticketrow {

                background-color: #f5fffa;

                color: #4a5571;

                font-size: 13px;

                border: #748aaf 1px dotted;

                padding: 6px;

              }

              .ticketalt {

                background-color: #ffffff;

                color: #4a5571;

                font-size: 13px;

                padding: 6px;

              }

              .tickettd {

                font-size: 13px;

              }

              .subheaderrow {

                background-color: #ffffff;

                color: #23559C;

                border: #23559C solid 1px;

                font-size: 11px;

                border-collapse: collapse;

                background-image: url("img/tableheader.jpg");

                background-repeat: no-repeat;

                background-position: left top;

                height: 25px;

                padding-left: 20px;

                padding-right: 20px;

                padding-top: 5px;

              }

              .homepageh3 {

                color: #74804e;

                font-weight: bold;

              }

              .section {

                color: #74804e;

                font-weight: bold;

              }

              .large {

                font-size: 14px;

              }

              .largebold {

                font-size: 16px;

                font-weight: bold;

              }

              .assignedyou {

                color: #ff0000;

              }

              .assignedother {

                color: #008000;

              }

              div.error {

                border: 1px solid #cd0a0a;

                background: #fef1ec;

                color: #cd0a0a;

                padding: 10px;

              }

              div.success {

                border: 1px solid #18760f;

                background: #e9ffdb;

                color: #363636;

                padding: 10px;

              }

              div.notice {

                border: 1px solid #fcefa1;

                background: #fbf9ee;

                color: #363636;

                padding: 10px;

                vertical-align: middle;

              }

              .admin_green {

                background-color: #e3ffd0;

                font-weight: bold;

              }

              .admin_red {

                background-color: #fef1ec;

                font-weight: bold;

              }

              .borderBottom {

                border-bottom: #c0c0c0 1px dashed;

              }

              .borderTop {

                border-top: #c0c0c0 1px dashed;

              }

              .alignTop {

                vertical-align: top;

              }

              .alignMiddle {

                vertical-align: middle;

              }

              .alignBottom {

                vertical-align: bottom;

              }

              hr.dashed {

                border: none 0;

                border-top: 1px dashed #c0c0c0;

                height: 1px;

              }

              .critical {

                color: #9400d3;

                font-weight: bold;

              }

              td.admin_critical {

                background-color: #fff0ff;

                color: #000000;

                font-size: 11px;

                border: 1px solid #ff66ff;

                border-top: 2px dashed #ff66ff;

                padding: 1px;

              }

              .isError {

                color: #000000;

                background-color: #fff9f7;

                border: 1px solid #ff0000;

              }

              .isNotice {

                color: #000000;

                border: 1px solid #ff8000;

                background: #fbf9ee;

              }

              .optionWhiteON {

                padding: 2px;

                border: 1px dotted #c0c0c0;

                background-color: #b0e0e6;

              }

              .optionWhiteOFF {

                padding: 2px;

                border: 1px dotted #c0c0c0;

                background-color: #ffffff;

              }

              .optionBlueON {

                padding: 2px;

                border: 1px dotted #808080;

                background-color: #b0e0e6;

              }

              .optionBlueOFF {

                padding: 2px;

                border: 1px dotted #808080;

                background-color: #f5fffa;

              }

              .optionWhiteNbON {

                border: none;

                background-color: #b0e0e6;

                vertical-align: text-bottom;

              }

              .optionWhiteNbOFF {

                border: none;

                background-color: #ffffff;

                vertical-align: text-bottom;

              }

              .kbCatListON {

                background-color: #fcefa1;

              }

              .kbCatListOFF {

                background-color: #ffffff;

              }

              div.progress-container {

                border: 1px solid #ccc;

                width: 100px;

                margin: 2px 5px 2px 0;

                padding: 1px;

                float: left;

                background: #ffffff;

              }

              div.progress-container > div {

                background-color: #ACE97C;

                height: 12px;

              }

              .black {

                color: #000000;

              }

              .inprogress {

                color: #006400;

              }

              .onhold {

                color: #000000;

              }

              div.online {

                border: 1px solid #e5e8ff;

                background: #ffffff;

                color: #000000;

                padding: 0px;

                vertical-align: middle;

              }

              span.online {

                font-size: 10px;

                white-space: nowrap;

              }

              .orangebuttonsec {

                background-image: url("img/orangebtnsec.jpg");

                background-repeat: no-repeat;

                text-align: center;

                color: #660000;

                border: 1px solid #bf6628;

                height: 20px;

                font-size: 10px;

                font-weight: normal;

                background-position: left top;

                padding-left: 6px;

                padding-right: 6px;

                margin-left: 2px;

                margin-right: 2px;

                margin-top: 0px;

                text-decoration: none;

              }

              .orangebuttonsecover {

                background-image: url("img/orangebtnover.gif");

                background-repeat: no-repeat;

                text-align: center;

                color: #660000;

                border: 1px solid #bf6628;

                height: 20px;

                font-size: 10px;

                font-weight: normal;

                background-position: left top;

                padding-left: 6px;

                padding-right: 6px;

                margin-left: 2px;

                margin-right: 2px;

                margin-top: 0px;

                text-decoration: none;

              }

              td.admin_yellow {

                background-color: #ffffe0;

                color: #4a5571;

                font-size: 11px;

                border: #d1dceb 1px solid;

                padding: 1px;

              }

              .kb_published {

                color: #009900;

              }

              .kb_private {

                color: #4a5571;

              }

              .kb_draft {

                color: #cc9933;

              }

              .searchbutton {

                cursor: pointer;

                width: 70px;

                height: 27px;

                text-indent: -999px;

                text-transform: capitalize;

                color: transparent;

                background: url("Archive/ico-search.png") no-repeat #4d90fe center;

                border: 1px solid #3079ED;

                -moz-border-radius: 2px;

                -webkit-border-radius: 2px;

              }

              .searchbutton:hover {

                background: url("Archive/ico-search.png") no-repeat center #357AE8;

                border: 1px solid #2F5BB7;

              }

              .searchfield {

                width: 400px;

                height: 21px;

                font-size: 14px;

                text-indent: 2px;

                vertical-align: bottom;

              }

              .sbsmall {

                width: 50px;

                height: 22px;

                margin-top: 2px;

              }

              .sfsmall {

                width: 200px;

                height: 16px;

                font-size: 12px;

                margin-top: 2px;

              }

              table.icon {

                width: 85%;

                margin-left: 20px;

                x-border-spacing: 0px;

                color: #000000;

                margin-top: 5px;

                margin-botom: 5px;

              }

              table.icon-indent1 {

                width: 85%;

                margin-left: 42px;

                color: #000000;

                margin-top: 5px;

                margin-botom: 5px;

              }

              table.icon-indent2 {

                width: 85%;

                margin-left: 67px;

                color: #000000;

                margin-top: 5px;

                margin-botom: 5px;

              }

              a.expandspot {

                color: #013CA6;

                cursor: hand;

                text-decoration: underline;

              }

              span.expandtext {

                font-weight: normal;

                text-indent: 25pt;

                color: #2d7fa5;

              }

              a.dropspot {

                cursor: hand;

                color: #013CA6;

                font-style: normal "text-decoration:" none;

              }

              a.glossterm {

                cursor: hand;

                color: #5cc1a4;

                display: inline;

                text-decoration: none;

              }

              span.glosstext {

                font-weight: normal;

                color: #2a83a7;

                background-color: #ECEEF0;

                font-size: 1.2em;

              }

              table.TopRowAlternatingRows {

                border-left-style: Solid;

                border-left-width: 1px;

                border-left-color: #000000;

                border-right-style: Solid;

                border-right-width: 1px;

                border-right-color: #000000;

                border-top-style: Solid;

                border-top-width: 1px;

                border-top-color: #000000;

                border-bottom-style: Solid;

                border-bottom-width: 1px;

                border-bottom-color: #000000;

                x-row-pat-1: 1;

                x-row-pat-1-name: t1Row;

                x-row-pat-count: 2;

                x-row-pat-2: 1;

                x-row-pat-2-name: t2Row;

                x-1st-row: 1;

                x-1st-row-name: t1st;

              }

              table.TopRowAlternatingRows tr.t1Row td {

                font-size: 13px;

                border-left-style: Solid;

                border-left-width: 1px;

                border-left-color: #000000;

                border-right-style: Solid;

                border-right-width: 1px;

                border-right-color: #000000;

                border-top-style: Solid;

                border-top-width: 1px;

                border-top-color: #000000;

                border-bottom-style: Solid;

                border-bottom-width: 1px;

                border-bottom-color: #000000;

                background-color: #ccffcc;

              }

              table.TopRowAlternatingRows tr.t2Row td {

                font-size: 13px;

                border-left-style: Solid;

                border-left-width: 1px;

                border-left-color: #000000;

                border-right-style: Solid;

                border-right-width: 1px;

                border-right-color: #000000;

                border-top-style: Solid;

                border-top-width: 1px;

                border-top-color: #000000;

                border-bottom-style: Solid;

                border-bottom-width: 1px;

                border-bottom-color: #000000;

              }

              table.TopRowAlternatingRows tr.t1st td {

                text-align: Center;

                font-size: 13px;

                font-weight: bold;

                background-color: #c0c0c0;

                border-left-style: Solid;

                border-left-width: 1px;

                border-left-color: #000000;

                border-right-style: Solid;

                border-right-width: 1px;

                border-right-color: #000000;

                border-top-style: Solid;

                border-top-width: 1px;

                border-top-color: #000000;

                border-bottom-style: Solid;

                border-bottom-width: 1px;

                border-bottom-color: #000000;

              }

              table.PaddedCells {

                border-left-style: Solid;

                border-left-width: 1px;

                border-left-color: #000000;

                border-right-style: Solid;

                border-right-width: 1px;

                border-right-color: #000000;

                border-top-style: Solid;

                border-top-width: 1px;

                border-top-color: #000000;

                border-bottom-style: Solid;

                border-bottom-width: 1px;

                border-bottom-color: #000000;

                x-row-pat-1: 1;

                x-row-pat-1-name: t1Row;

                x-row-pat-count: 2;

                x-row-pat-2: 1;

                x-row-pat-2-name: t2Row;

                x-border-spacing: 2px;

              }

              table.PaddedCells tr.t1Row td {

                font-size: 13px;

                border-left-style: Solid;

                border-left-width: 1px;

                border-left-color: #000000;

                border-right-style: Solid;

                border-right-width: 1px;

                border-right-color: #000000;

                border-top-style: Solid;

                border-top-width: 1px;

                border-top-color: #000000;

                border-bottom-style: Solid;

                border-bottom-width: 1px;

                border-bottom-color: #000000;

              }

              table.PaddedCells tr.t2Row td {

                font-size: 13px;

                border-left-style: Solid;

                border-left-width: 1px;

                border-left-color: #000000;

                border-right-style: Solid;

                border-right-width: 1px;

                border-right-color: #000000;

                border-top-style: Solid;

                border-top-width: 1px;

                border-top-color: #000000;

                border-bottom-style: Solid;

                border-bottom-width: 1px;

                border-bottom-color: #000000;

              }

              table.PaddedCells td {

                padding-left: 5px;

                padding-right: 5px;

                padding-top: 5px;

                padding-bottom: 5px;

              }

              #Support {

                height: 104px;

                width: 124px;

                position: fixed;

                top: 65%;

                left: 80%;

                z-index: 999;

              }

              #Support a {

                display: block;

                background: #003CA6;

                height: 50px;

                width: 50px;

                padding: 4px 16px;

                color: #ffffff;

                font-size: 10px;

                font-weight: bold;

                border: "solid:" 1px #333;

                text-decoration: none;

              }

              #Support2 {

                height: 124px;

                width: 104px;

                position: fixed;

                top: 80%;

                left: 80%;

                z-index: 999;

              }

              #Support2 a {

                display: block;

                background: #003CA6;

                height: 50px;

                width: 50px;

                padding: 4px 16px;

                color: #ffffff;

                font-size: 10px;

                font-weight: bold;

                border: "solid:" 1px #333;

                text-decoration: none;

              }

              table.AlternateBlueColorGrid {

                x-border-spacing: 0px;

                x-row-pat-1: 1;

                x-row-pat-1-name: t1Row;

                x-row-pat-count: 2;

                x-row-pat-2: 1;

                x-row-pat-2-name: t2Row;

                border-left-style: None;

                border-left-width: 0px;

                border-left-color: None;

                border-top-style: None;

                border-top-width: 0px;

                border-top-color: None;

                border-bottom-width: 0px;

                border-bottom-color: None;

              }

              table.AlternateBlueColorGrid td {

                padding-left: 10px;

                padding-right: 10px;

                padding-top: 10px;

                padding-bottom: 10px;

              }

              table.AlternateBlueColorGrid tr.t1Row td {

                font-size: 15px;

              }

              table.AlternateBlueColorGrid tr.t2Row td {

                background-color: #D3DFEE;

              }

              @media only print{

                body {

                font-size: 15px;

                }

                }

               

               

              @media only print{

                p.indent1 {

                font-size: 13px;

                color: #000000;

                margin-left: 48px;

                }

                }

               

               

              @media only print{

                p.indent2 {

                font-size: 13px;

                color: #000000;

                margin-left: 72px;

                }

                }

               

               

              @media only print{

                h1 {

                margin: 12px 0px 6px -12px;

                }

                }

               

               

              @media only print{

                td {

                font-size: 13px;

                text-align: left;

                margin-left: 12px;

                }

                }

               

               

              table.icon td {

                padding-left: 12px;

                padding-right: 0px;

                padding-top: 0px;

                padding-bottom: 0px;

              }

              table.AlternateBlueWithBlankHeader {

                padding: 0px;

                x-border-spacing: 0px;

                x-row-pat-1: 1;

                x-row-pat-1-name: t1Row;

                x-row-pat-count: 2;

                x-row-pat-2: 1;

                x-row-pat-2-name: t2Row;

                x-1st-row: 1;

                x-1st-row-name: t1st;

              }

              table.AlternateBlueWithBlankHeader td {

                padding-left: 10px;

                padding-right: 10px;

                padding-top: 0px;

                padding-bottom: 0px;

              }

              table.AlternateBlueWithBlankHeader tr.t1Row td {

                font-size: 12pt;

                background-color: NewColor2;

                border-bottom-style: Solid;

                border-bottom-width: 1px;

                border-bottom-color: #4F81BD;

              }

              table.AlternateBlueWithBlankHeader tr.t2Row td {

                background-color: #D3DFEE;

                border-bottom-style: Solid;

                border-bottom-width: 1px;

                border-bottom-color: #4F81BD;

              }

              table.AlternateBlueWithBlankHeader tr.t1st td {

                font-size: 12pt;

                font-weight: bold;

                border-top-style: Solid;

                border-top-width: 2px;

                border-top-color: #0000ff;

                border-bottom-style: Solid;

                border-bottom-width: 2px;

                border-bottom-color: #0000ff;

              }

              .SpaceAboveButtons {

                margin-top: 42px;

              }

              .SpaceAbove {

                margin-top: 24px;

              }

              p.Normal {

                margin: 12px 0px 10px 15px;

                font-size: medium;

              }

              • 4. Re: Make TOC Parent Folders Bold
                Captiv8r Adobe Community Professional & MVP

                Hi there

                 

                Note that the CSS used for topics is not the same CSS that will be used for presenting things like the TOC, Index, Search and Glossary. So don't expect to make edits to this CSS and see them reflected in the navigation structure.

                 

                What is your output type?

                 

                Cheers... Rick

                • 5. Re: Make TOC Parent Folders Bold
                  jasona66572020 Level 1

                  Hi Rick, my output type is Responsive HTML...

                  • 6. Re: Make TOC Parent Folders Bold
                    Captiv8r Adobe Community Professional & MVP

                    Hmmm, I'll take a different approach then.

                     

                    Using RoboHelp is like working in your kitchen. In your kitchen, you prepare many different dishes for your folks to consume, right? For example, you could bake a cake or you might make chocolate chip cookies.

                     

                    RoboHelp allows you to combine your ingredients. (Images, HTML pages, etc)

                    After the ingredients are ready, RoboHelp is used to produce an output. If you look at the Single Source Layouts pod, there are many different output types.

                     

                    Responsive HTML 5

                    Multiscreen

                    WebHelp

                    Microsoft HTML Help

                     

                    Each of these is exactly like a recipe for creating the output type.

                     

                    So when you create your output, you use one of these recipes.

                     

                    Which one are you using?

                     

                    Cheers... Rick

                    • 7. Re: Make TOC Parent Folders Bold
                      jasona66572020 Level 1

                      Hi Rick....yeah, I should not reply in forums until I've had at least 2 cups of coffee in the morning.  My last post has since been edited as it took me a minute to understand what you were asking (sorry, new to the whole RH product line....I'm used to CMS systems like WP and the like where it's a WYSIWYG system, and when you don't see it, you simply add what you want via HTML and CSS edits.  In Wordpress, accessing the source files is much more straightforward (imho) than in RH.  It'd be nice if the folks at Adobe would give the same look and feel across all their product lines.  As a self professed Adobe afficionado, I've worked in the Creative Suite a lot (now the Creative Cloud), and understand the logic of how things are structured there.)

                       

                      Tangentially, from a new user perspective, in Robohelp (2015 at least) it seems to be kind of a mosh up between the Adobe logic and Office-centric logic with the ribbon bar.  The whole "Pods" way of doing things is still throwing me a bit.  Another thing that throws me is using the term "Single Source Layout" because when abbreviated to the acronym, it makes me think of Single Socket Layer which is entirely different in the IT world!  LOL

                      • 8. Re: Make TOC Parent Folders Bold
                        Captiv8r Adobe Community Professional & MVP

                        LOL on the SSL.

                         

                        Perhaps it's helpful to understand that RoboHelp is really one of Adobe's many "red headed stepchildren". Captivate is another.

                         

                        What I mean by this is to say that Adobe only fairly recently acquired these products. Hence the disparity in the look and feel area. Personally, I am a bit dismayed by the ribbon, but I do understand that it makes the product look a bit more modern. And RoboHelp has suffered in the past by being regularly compared to being "your grandfather's Help Authoring Tool" by those that hate it. (The very developers that used to work with its code)

                         

                        All I can say is to give it some time. Just as folks like me become bewildered with the interface you are quite accustomed to in the creative apps, I would become comfortable after using them for a while. So it would go with RoboHelp. To me it's like an old friend.

                         

                        Cheers... Rick

                        • 9. Re: Make TOC Parent Folders Bold
                          jasona66572020 Level 1

                          Just like Dreamweaver (revealing my age in acknowledging that I used to use it when owned by Macromedia?) :-)

                          • 10. Re: Make TOC Parent Folders Bold
                            AMAGARWA@ADOBE.COM Adobe Employee

                            One can find out the property to be edited in the .css by:

                            1. Open the output in Chrome browser
                            2. Select the text >> Right Click >> Inspect
                            3. Exploring the elements would give an indication of the element in use

                             

                            To make the Parent folders bold we may follow these steps:

                            1. Open Output Setup Pod
                            2. Select "Azure_Blue" or any layout in use
                            3. Press expand + button
                            4. Edit Layout.css
                            5. Change the property of "body.media-desktop div.toc-holder ul li.book" as bold

                             

                            Publishing now to Responsive HTML5 would make the parent folders bold. [Since the bold takes more vertical and horizontal space - the padding or some other property may also need to be adjusted accordingly]

                             

                            Amit

                            • 11. Re: Make TOC Parent Folders Bold
                              TXTechWriter

                              So, how would you make the TOC Parent folders bold using WebHelp?