Skip to main content
PDF Boy
Known Participant
Aug 12, 2015 12:03 PM UTC
Answered

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

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 is closed to new replies. Start a new post to keep the conversation going.
Willam van Weelden
Willam van WeeldenCorrect answer
Inspiring
Aug 12, 2015 3:06 PM UTC

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

View reply

4 replies

Willam van Weelden
Willam van WeeldenCorrect answer
Inspiring
Aug 12, 2015 3:06 PM UTC

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

Translate
PDF BoyAuthor
Known Participant
Aug 12, 2015 4:29 PM UTC

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?

Translate
Willam van Weelden
Willam van Weelden
Inspiring
Aug 13, 2015 8:34 AM UTC

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

Translate
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices