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
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
Copy link to clipboard
Copied
Thanks Captiv8r 🙂
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;
}
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
Copy link to clipboard
Copied
Hi Rick, my output type is Responsive HTML...
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
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
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
Copy link to clipboard
Copied
Just like Dreamweaver (revealing my age in acknowledging that I used to use it when owned by Macromedia?) 🙂
Copy link to clipboard
Copied
One can find out the property to be edited in the .css by:
To make the Parent folders bold we may follow these steps:
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
Copy link to clipboard
Copied
So, how would you make the TOC Parent folders bold using WebHelp?