Skip to main content
Known Participant
August 12, 2015
Answered

Responsive Layout - Theme 1 Standard. Can TOC font size be changed?

  • August 12, 2015
  • 1 reply
  • 495 views

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?

This topic has been closed for replies.
Correct answer Willam van Weelden

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

1 reply

Willam van Weelden
Willam van WeeldenCorrect answer
Inspiring
August 12, 2015

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

PDF BoyAuthor
Known Participant
August 12, 2015

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?

Willam van Weelden
Inspiring
August 13, 2015

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.)