We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 12422
    • 29 Posts
    Greetings.

    I am all new to this fantastic CMS, so please excuse my newbieness undecided

    I am using the breadcrumbs snippet for navigation, and want to style every ’crumb’ with a background image.
    I am able to put background images on the first and the last crumb, but is having trouble finding a class for all the middle crumbs.
    I have tried with the .B_crumb class, but perhaps I am all wrong?

    The ideal solution for me, would be to have an unique class for every step. That way I would be able to choose unique images for each step / seperator.
    Is this possible?

    Help me Obi Wan Kenobi...
      • 12422
      • 29 Posts
      I finally managed to get it to work - partly.
      Only problem is, that I can’t seem to define a width or height in my CSS file. That means that I can’t use an image with rounded corners.

      Does anyone have a fix for this?
      Does anyone have any idea what I am talking about? tongue
        • 18940
        • 152 Posts
        I think you can’t, because your background-image corners will get stretched.

        I’m not sure how yet but maybe you can build something like this within the breadcrumbs snippet:

        <div class="roundedbgLeft"></div>
        <div class="roundedbgCenter">crumbcode</div>
        <div class="roundedbgRight"></div>

        The center width will be flexible the rest has a fixed height and/or width wink

        I’m not sure if the complete breadcrumbs trail will has this bg like:
        Home > Contact > Route
        or each (home / contact / etc.) a background for itself

        Goodluck
          Quality doesn&#39;t need a big signature.