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

Community Beginner ,
Aug 12, 2015 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?

TOPICS
HTML5 layout

Views

238

Likes

translate

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
community guidelines

correct answers 1 Correct Answer

LEGEND , Aug 12, 2015 Aug 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.wTOCTreeCloseBookTextspan.wTOCTreeOpenBookTextspan.wTOCTreePageTextspan.wTOCTreeLinkTextby 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.wTOCNodeCloseBookTextspan.wTOCNodeOpenBookTextspan.wTOCNodePageTextspan.wTOCNodeLink...

Likes

translate

Translate

Translate
LEGEND ,
Aug 12, 2015 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

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
community guidelines
Community Beginner ,
Aug 12, 2015 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

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
community guidelines
LEGEND ,
Aug 13, 2015 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

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
community guidelines
Community Beginner ,
Aug 13, 2015 Aug 13, 2015

Copy link to clipboard

Copied

Thanks, very helpful.

Likes

translate

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
community guidelines
Resources
RoboHelp Documentation