Highlighted

Make TOC Parent Folders Bold

Explorer ,
Oct 13, 2015

Copy link to clipboard

Copied

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

Views

332

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

Make TOC Parent Folders Bold

Explorer ,
Oct 13, 2015

Copy link to clipboard

Copied

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

Views

333

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
LEGEND ,
Oct 13, 2015

Copy link to clipboard

Copied

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

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...
Explorer ,
Oct 13, 2015

Copy link to clipboard

Copied

Thanks Captiv8r 🙂

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...
Explorer ,
Oct 13, 2015

Copy link to clipboard

Copied

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;

}

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...
LEGEND ,
Oct 13, 2015

Copy link to clipboard

Copied

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

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...
Explorer ,
Oct 14, 2015

Copy link to clipboard

Copied

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

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...
LEGEND ,
Oct 14, 2015

Copy link to clipboard

Copied

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

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...
Explorer ,
Oct 14, 2015

Copy link to clipboard

Copied

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

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...
LEGEND ,
Oct 14, 2015

Copy link to clipboard

Copied

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

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...
Explorer ,
Oct 14, 2015

Copy link to clipboard

Copied

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

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...
Adobe Employee ,
Oct 19, 2015

Copy link to clipboard

Copied

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

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...
Participant ,
Oct 21, 2015

Copy link to clipboard

Copied

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

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...