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.
Font size in TOC in a responsive theme
-
- 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
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
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
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.
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
Please ignore my previous questions. This works perfectly! Thank you.