Skip to main content
K
Kevin5FC2
Inspiring
August 2, 2021
Answered

Top Nav Phantom Shadow and Paragraph

  • August 2, 2021
  • 6 replies
  • 317 views

I have a phantom shadow (1) between the header and body containers that I can't seem to get rid of. I've tried changing border colors to #ffffff and clear on both containers, as well as background colors. I've also tried using Chrome Inspector and canceling any grays coming from the userstyles.css. But I still haven't been able to find the source.

 

Also, a mysterious paragraph with the page name appears at the top of the body container (2) just below the breadcrumb. This only shows on the home/landing page. Any ideas on how to get rid of either of these, please?

    This topic has been closed for replies.
    Correct answer Kevin5FC2

    I'm using 2020.5 and the header background is an image to match the header of the application I'm writing for. As you can see in my previous image, line 1500 of the layout.css has a .RH-LAYOUT-HEADER-container selector with background-color: #1E1E1E. I need to get rid of that. But I can't find this selector in the RoboHelp Skin Editor. I've tried adding it to my project css to no avail. I settled on a workaround by adjusting the size of both the header container and my background image to bring the bottom of the image in line with the bottom of the container while keeping the search box horizontally centered.

     

    I always try to match my output with the application I'm writing for, so I do a lot of custom skins. I have to say that I realize top nav skins are complex, but the user guide does very little (imho) to provide details on customizations. Toolbar buttons is a good example.

    6 replies

    K
    Kevin5FC2AuthorCorrect answer
    Inspiring
    August 4, 2021

    I'm using 2020.5 and the header background is an image to match the header of the application I'm writing for. As you can see in my previous image, line 1500 of the layout.css has a .RH-LAYOUT-HEADER-container selector with background-color: #1E1E1E. I need to get rid of that. But I can't find this selector in the RoboHelp Skin Editor. I've tried adding it to my project css to no avail. I settled on a workaround by adjusting the size of both the header container and my background image to bring the bottom of the image in line with the bottom of the container while keeping the search box horizontally centered.

     

    I always try to match my output with the application I'm writing for, so I do a lot of custom skins. I have to say that I realize top nav skins are complex, but the user guide does very little (imho) to provide details on customizations. Toolbar buttons is a good example.

    Peter Grainge
    Community Expert
    Peter GraingeCommunity Expert
    Community Expert
    August 3, 2021

     

    You commented that I have a black background but the difference seems to be above the search bar. There your is white and mine is black. However the shadow is below the search so I'm not getting what the menu being black or white has to do with this.

     

    I still suggest trying a fresh copy of the skin just to see if it appears there. It won't affect your existing skin if you name it TopNav2 or similar.

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

    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
    Peter GraingeCommunity Expert
    Community Expert
    August 3, 2021

    Which version of RoboHelp?

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

    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
    Peter GraingeCommunity Expert
    Community Expert
    August 3, 2021

    You have white above the search bar. Where in the skin editor did you set that?

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

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    K
    Kevin5FC2Author
    Inspiring
    August 3, 2021

    Thanks for the reply, Peter. It was a master page causing the phantom Home paragraph. As for the shadow line, you can't see it in your output because you have a black background. If you disable the background in your browser's inspector (line 1500), you might be able to see it. Here is a screen shot from my test output.

    Peter Grainge
    Community Expert
    Peter GraingeCommunity Expert
    Community Expert
    August 2, 2021

    1. I am not seeing that in an output using the default Top Navigation skin. Guessing it is something you have done when customising. Try a fresh copy of the skin. 

     

     

    2. I am not seeing that either without master page applied but I do if I use a master page with breadcrumbs. As the skin includes breadcrumbs you don't need them in a master page.

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

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices