Copy link to clipboard
Copied
Can the TOC font size be changed in the Theme 1 Standard responsive layout.? I can change the actual font but can't see an option to change font size which I think is very odd.?
Any way to do this?
You can only set the font size through editing the CSS directly. Open the main.css in Notepad or your editor of choice.Search for the selectors:
span.wTOCTreeCloseBookText
span.wTOCTreeOpenBookText
span.wTOCTreePageText
span.wTOCTreeLinkText
by adding font-size: 12pt; between the brackets, you control the font size.
Please note that the above only targets the desktop TOC. If you also need the mobile TOC, also fix:
span.wTOCNodeCloseBookText
span.wTOCNodeOpenBookText
span.wTOCNodePageText
span.wTOCNodeLink
...Copy link to clipboard
Copied
You can only set the font size through editing the CSS directly. Open the main.css in Notepad or your editor of choice.Search for the selectors:
span.wTOCTreeCloseBookText
span.wTOCTreeOpenBookText
span.wTOCTreePageText
span.wTOCTreeLinkText
by adding font-size: 12pt; between the brackets, you control the font size.
Please note that the above only targets the desktop TOC. If you also need the mobile TOC, also fix:
span.wTOCNodeCloseBookText
span.wTOCNodeOpenBookText
span.wTOCNodePageText
span.wTOCNodeLinkText
Copy link to clipboard
Copied
Yes that worked. many thanks.
Now I can alter the TOC can I do the same with the Index and Glossary font size? Do you know what elements in there would need changing?
Copy link to clipboard
Copied
For Glossary:
span.wGloTermText
span.wGloDefinitionText
span.wGloAlphabetText
For Index:
span.wIdxKeywordText
span.wIdxLinkText
span.wIdxAlphabetText
(Note that these selectors are used multiple times with different media queries. You may have to update them in multiple locations to change the font size for different devices separately.)
Copy link to clipboard
Copied
Thanks, very helpful.