Skip to main content
Known Participant
July 28, 2022
Question

Mini TOC caption styling

  • July 28, 2022
  • 7 replies
  • 202 views

RH 2020.7.46, Frameless layout, customized Studio skin

 

I'm trying to apply some styling to the Mini TOC caption but having no luck. In the skin, I see Topic Page > Mini TOC > caption, so that seems like the logical place to make changes. But nothing I do there (change the font, change the color, make it italic, etc) seems to have any effect in the output. I have successfully customized the settings for item, selected item, and the item-levels I need by using the Skin Editor, but not the caption.

 

In Inspect mode in the browser, I see that the caption is controlled by .RH-LAYOUT-MINITOC-caption, so I added some code to my user asset .css to make my changes there. Still no effect.

 

What am I doing wrong? All the other Mini TOC settings seem to be customizable in the Skin Editor. Thanks in advance for any suggestions.

    This topic has been closed for replies.

    7 replies

    Known Participant
    July 28, 2022

    Yeah I thought of that. It's quite possible that I messed this up with all my trial and error customizations, but it doesn't work for me in the Orange skin or in a fresh copy of the Studio skin. Still, I've managed to get the results I wanted, so I'm just going to move on. Thanks for looking into this!

    Peter Grainge
    Community Expert
    Community Expert
    July 28, 2022

    It isn't hard. 🙂

     

    I just tested in the Studio skin and only the caption changed. I wonder if some other customisation is affecting it.

     

    ________________________________________________________

    My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

     

     

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    Known Participant
    July 28, 2022

    No, I don't see any changes in the Skin Editor. It didn't work for me with the Orange skin either (not in the Skin Editor or in the output).

     

    I finally looked at the page in Inspect mode again, and I think what you have to change is not .RH-LAYOUT-MINITOC-caption (which I couldn't even find in the Styles panel) but label#minitoc-caption. I added this code to my user asset stylesheet and it worked:

    label#minitoc-caption {
    text-transform: uppercase;
    color: red;
    }

    It shouldn't be this hard though 🙂 .

     

    Known Participant
    July 28, 2022

    How strange. I am not seeing any results at all when I change the caption in the Skin Editor. Everything else, yes, but not the caption. One thing I want to do is make the caption all uppercase, similar to the way the breadcrumbs look. I was able to accomplish that by editing the label and entering the caption in all uppercase letters, but I haven't had any success with the styling. I'll try again. Thanks for testing!

    Peter Grainge
    Community Expert
    Community Expert
    July 28, 2022

    Do you see the colour change in the editor? If not try the same in an Orange skin. Maybe it's an issue with the Studio skin.

    ________________________________________________________
    My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

     

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    Peter Grainge
    Community Expert
    Community Expert
    July 28, 2022

    Sometimes it's worth trying the front door. 🙂

     

    Looks like you can change it in the skin editor.

     

     

    ________________________________________________________

    My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

     

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    Known Participant
    July 28, 2022

    @Peter Grainge I did see your article, and I have been able to style the item levels, including changing the selected item indicator per this earlier conversation. It's just the caption that I can't get to respond to any changes I try to make. (This is not a deal-breaker, it's just frustrating.)

    Peter Grainge
    Community Expert
    Community Expert
    July 28, 2022

    Try this. 

    ________________________________________________________

    My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

     

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.