Font size in TOC in a responsive theme

Postby EOM on Wed Oct 10, 2018 9:16 am

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

Re: Font size in TOC in a responsive theme

Postby Jack Konings on Wed Oct 10, 2018 11:33 pm

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

Re: Font size in TOC in a responsive theme

Postby EOM on Thu Oct 11, 2018 6:36 am

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

Re: Font size in TOC in a responsive theme

Postby EOM on Mon Oct 15, 2018 2:52 am

Please ignore my previous questions. This works perfectly! Thank you.
EOM
Jr. Propeller Head
 
Posts: 5
Joined: Wed Oct 10, 2018 9:05 am


Return to Doc-To-Help General Discussion

Who is online

Users browsing this forum: No registered users and 2 guests