Font size in TOC in a responsive theme

Post Reply
EOM
Propeller Head
Posts: 20
Joined: Wed Oct 10, 2018 9:05 am

Font size in TOC in a responsive theme

Post 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.
Jack Konings
Propeller Head
Posts: 29
Joined: Mon Nov 09, 2015 8:07 am
Location: Ede, The Netherlands

Re: Font size in TOC in a responsive theme

Post 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
EOM
Propeller Head
Posts: 20
Joined: Wed Oct 10, 2018 9:05 am

Re: Font size in TOC in a responsive theme

Post 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.
EOM
Propeller Head
Posts: 20
Joined: Wed Oct 10, 2018 9:05 am

Re: Font size in TOC in a responsive theme

Post by EOM »

Please ignore my previous questions. This works perfectly! Thank you.
Post Reply