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
  • 414 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 is closed to new replies. Start a new post to keep the conversation going.
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