Page 1 of 1

Font size in TOC in a responsive theme

Posted: Wed Oct 10, 2018 9:16 am
by EOM
I have created a responsive theme which has a bigger font in the TOC than I want.
ThemeRoller 1.3.2 does not seem to allow me to change font sizes?

I looked into theme.css but I cannot figure out whether I can change the font size of the TOC entries there either?

It would be great if someone could point me in the right direction.

I'm using version 3 of D2H.

Re: Font size in TOC in a responsive theme

Posted: Wed Oct 10, 2018 11:33 pm
by Jack Konings
Hi EOM,

Put this in your user.css and change the size as desired:
/* toc text size */
.c1-toc-text {
font-size: 16px;
}
Same for:
.c1-index-text
.c1-favorites-text

Maybe there is a class on a higher level without further effect on the other buttons on the page, but could not find one. These ones let you control each tab separately.
Best regards,
Jack

Re: Font size in TOC in a responsive theme

Posted: Thu Oct 11, 2018 6:36 am
by EOM
Hi Jack, thank you very much!

Do you mean the user.css file in the Themes directory, for example:
C:\Users\Eeva.SYD\Documents\My Doc-To-Help Projects\Doc-To-Help\Themes\NetHelp 2.0\themes\eeva

Or the user.css in the project, for example:
C:\My Doc-To-Help Projects\LANSA for Web Application Development\LearnLANSA\themes\LANSA2

I put the statements in both ccs's and the TOC font stays the same...

Here's the first one:
/* Global styles */
body {
/*font-family: Georgia, Times, "Times New Roman";*/
/*font-size: 10pt;*/
}

/* Page header styles */
#c1headerText {
/* font-family: Georgia, Times, "Times New Roman";
font-style: italic;*/
font-size: 1.6em;
}

/* Breadcrumbs styles */
#c1breadcrumbs {
/*font-size: .8em;*/
}

/* Side tabs block styles */
#c1sideTabs {
/*font-size: .9em;*/
}

/* toc text size */
.c1-toc-text {
font-size: 20px;
}

Here's the one in the project directory:
/* Global styles */
body {
/*font-family: Georgia, Times, "Times New Roman";*/
/*font-size: 10pt;*/
}

/* Page header styles */
#c1headerLogoCell {
/*vertical-align: middle;*/
}
#c1headerTextCell {
/*vertical-align: middle;*/
}
#c1headerText {
margin: 0;
font-family: Georgia, Times, "Times New Roman";
font-style: italic;
}

/* Links styles */
#c1topicPanel a[href],
#c1topicPanel a[data-ref],
.topic-popup a[href],
.topic-popup a[data-ref],
.aklinks-menu a {
color: #1B75BB;
text-decoration: none;
}
#c1topicPanel a[href]:hover,
#c1topicPanel a[data-ref]:hover,
.topic-popup a[href]:hover,
.topic-popup a[data-ref]:hover,
.aklinks-menu a:hover {
text-decoration: underline;
}

/* Breadcrumbs styles */
#c1breadcrumbs {
/*font-size: .8em;*/
}

/* Side tabs block styles */
#c1sideTabs {
/*font-size: .9em;*/
}
/* toc text size */
.c1-toc-text {
font-size: 10px;
}

Thank you.

Re: Font size in TOC in a responsive theme

Posted: Mon Oct 15, 2018 2:52 am
by EOM
Please ignore my previous questions. This works perfectly! Thank you.