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

Community Beginner ,
Aug 12, 2015

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

TOPICS
HTML5 layout

Views

220

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

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

Community Beginner ,
Aug 12, 2015

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

TOPICS
HTML5 layout

Views

221

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Aug 12, 2015 0
LEGEND ,
Aug 12, 2015

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 12, 2015 0
Community Beginner ,
Aug 12, 2015

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?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 12, 2015 0
LEGEND ,
Aug 13, 2015

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 13, 2015 0
PDF_Boy LATEST
Community Beginner ,
Aug 13, 2015

Copy link to clipboard

Copied

Thanks, very helpful.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 13, 2015 0