• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers

How to change background color in skin (like Dark skin)

Participant ,
Oct 28, 2021 Oct 28, 2021

Copy link to clipboard

Copied

I am using RoboHelp 2020.6.76. 

I can see how to change the background color of many elements, but I would like to change the background color of the entire topic page, just like the "Dark" skin does. How do I do that?

Views

100

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

correct answers 1 Correct answer

Community Expert , Oct 28, 2021 Oct 28, 2021

Frameless would be the way I'd head, as that seems to be where Adobe is making most of their changes.

 

I'd recommend using the editor to modify the skin settings that are available, then add a custom css to the User Assets section of the skin for anything that's not available in the editor. Otherwise I think you risk breaking the skin file.

 

For the topic background, perhaps look in the skin editor at Topic Page > Center Panel > container and topic-box. (The wording might be slightly different

...

Likes

Translate

Translate
Community Expert ,
Oct 28, 2021 Oct 28, 2021

Copy link to clipboard

Copied

Which output and which skin are you using?

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
community guidelines
Participant ,
Oct 28, 2021 Oct 28, 2021

Copy link to clipboard

Copied

We are still in the beginning stages of switching over from our previous authoring tool and are trying to pin down some things before we start adding content. So we have not decided which skin to start with and modify, as this is part of the decision. We are trying to figure out which elements are difficult to change later and which ones are simple. We thought that the background would be a simple change using the skin editor but could not find a way to do it. The Frameless Orange is probably the one we will start with and then modify it. 

 

After doing some searching, we found three places in the Dark skin which seem to be storing the background colors, all in the file "frameless.skn":

  • <left-panel-bg-color>
  • <theme-bg-color>
  • <idx-glo-search-bg-color>  (not sure what this does)

But we weren't sure if there was more to it than that.

I am also trying to get a feel for how hard it is to customize the skin and how much freedome we have. Also, if the general proceedure is going to be to use the skin editor, or will it require editing the source files directly. Since the documentation is still incomplete (although it is getting better), the only way to know is to start trying things.

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
community guidelines
Community Expert ,
Oct 28, 2021 Oct 28, 2021

Copy link to clipboard

Copied

Frameless would be the way I'd head, as that seems to be where Adobe is making most of their changes.

 

I'd recommend using the editor to modify the skin settings that are available, then add a custom css to the User Assets section of the skin for anything that's not available in the editor. Otherwise I think you risk breaking the skin file.

 

For the topic background, perhaps look in the skin editor at Topic Page > Center Panel > container and topic-box. (The wording might be slightly different in 2020 - I only have 2019 at the moment but the general area should be right)

 

If you mean changing everything that's white, then there'll be a few places. For example Body, Header, Left Panel, etc. The highlight should help you determine what will change (make sure the Toggle Highlight button is selected at the top of the application)

 

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
community guidelines
Community Expert ,
Oct 28, 2021 Oct 28, 2021

Copy link to clipboard

Copied

Regarding the custom css I mentioned, you'd determine the correct styles to adjust using the Developer Tools in your browser.

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
community guidelines
Community Expert ,
Oct 28, 2021 Oct 28, 2021

Copy link to clipboard

Copied

LATEST

For the background of the topics rather than some part of the skin, try the body tag of the topic's css. 

________________________________________________________
See www.grainge.org for free Authoring and RoboHelp Information

Help others by clicking Correct Answer or Like if helpful. Found your answer elsewhere? Share it here.

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