Skip to main content
Jared Hess
Jared Hess
Legend
Aug 25, 2015 5:04 PM UTC
Answered

Can breadcrumbs be controlled with CSS on a specific topic?

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:

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.

    This topic is closed to new replies. Start a new post to keep the conversation going.
    Jared Hess
    Jared HessCorrect answer
    Legend
    Aug 26, 2015 5:01 AM UTC

    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:

    View reply

    2 replies

    Jared Hess
    Jared HessAuthorCorrect answer
    Legend
    Aug 26, 2015 5:01 AM UTC

    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
    Peter Grainge
    Community Expert
    Peter GraingeCommunity Expert
    Community Expert
    Aug 26, 2015 9:10 AM UTC

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

    See www.grainge.org for RoboHelp and Authoring tips

    @petergrainge

    Translate
    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