Skip to main content
A
acroftfoodog
Inspiring
November 6, 2015
Answered

Looking for the CSS property in Charcoal_Grey Layout to change font size in TOC sidebar (ResponsiveHTML5)

  • November 6, 2015
  • 1 reply
  • 405 views

Hello,

This is the same question asked here for Theme_1 Standard: the answer was

For that layout:

Desktop: div.wTOCTree

Mobil: div.wTOCNode

from William van Weelden

I don't see the same properties in either of these places:

Does anyone know what the right properties to change to make the TOC font smaller for the Charcoal_Grey Layout? I'm afraid that if I start to mess around with it I will do something irreparable. On that note, if I want to copy the entire project so that I do have a test environment, is there a SAVE AS type functionality, I only see RENAME (apologies for the two-fer-one question).

Thanks,

Anne

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

For Charcoal Grey, you will want to use the SCSS to generate the CSS instead. (See; RoboHelp screen profiles and layouts)

The selector that you're looking for is: %toc-desktop-theme3

Add a font size to this element and it will scale as you provide. (Use em measures for best results. The rest of the content also scales using em.)

1 reply

Willam van Weelden
Willam van WeeldenCorrect answer
Inspiring
November 7, 2015

For Charcoal Grey, you will want to use the SCSS to generate the CSS instead. (See; RoboHelp screen profiles and layouts)

The selector that you're looking for is: %toc-desktop-theme3

Add a font size to this element and it will scale as you provide. (Use em measures for best results. The rest of the content also scales using em.)

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