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

Can breadcrumbs be controlled with CSS on a specific topic?

Enthusiast ,
Aug 25, 2015 Aug 25, 2015

I'm using RH 9 and I have a CHM output.

We redid our intro page and it is markedly different in style from the other pages.

It doesn't have a master page.

It has a dark background from its css.

But all the other topics have a standard.htt master page and they have a white background from their css.

I'm trying to figure out how to control the breadcrumb style on the initial page so that it respects the style sheet of the current .htm. The Breadcrumb comes from the layout definition:

You can see the breadcrumb here in the top right is a nasty blue color. Yuck.

My other pages it looks fine because the background is white:

2015-08-25_10-56-22.png

Ideas on how to style the breadcrumbs on just that page?

I know the workaround here is to probably remove the above check box and instead apply the breadcrumbs inside the .htt header. But I'm working in a source repository and that change makes a change to all 1400+ htms that use the standard.htt, and I'm trying to avoid that.

469
Translate
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

Enthusiast , Aug 25, 2015 Aug 25, 2015

I did find a way to do this. I used jQuery and the .CSS method to dynamically change the style. It took a lot of trial and error to choose the right code for my page. I did something like this:

    <script type="text/javascript" src="jquery-1.11.3.min.js"></script>

    <script type="text/javascript" src="jquery-1.2.1.min.js"></script>

    <script type="text/javascript" src="jquery-migrate-1.2.1.min.js"></script>

    <script type="text/javascript">

     $(document).ready(function(){      

      

...
Translate
Enthusiast ,
Aug 25, 2015 Aug 25, 2015

I did find a way to do this. I used jQuery and the .CSS method to dynamically change the style. It took a lot of trial and error to choose the right code for my page. I did something like this:

    <script type="text/javascript" src="jquery-1.11.3.min.js"></script>

    <script type="text/javascript" src="jquery-1.2.1.min.js"></script>

    <script type="text/javascript" src="jquery-migrate-1.2.1.min.js"></script>

    <script type="text/javascript">

     $(document).ready(function(){      

         $("body > p").css("color","#0097ba")

         $("a").css("color","#0097ba")

     }):

    </script>

Which resulted in this inside the chm where that breadcrumbs paragraph was added at build time:

Translate
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 ,
Aug 26, 2015 Aug 26, 2015
LATEST

Nice. I will add this to my site with credit to Jared of course.


See www.grainge.org for RoboHelp and Authoring tips

@petergrainge

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.
Translate
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