1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.2 bread crum

Discussion in 'Styling and Customization Questions' started by ld762, Dec 5, 2013.

  1. ld762

    ld762 Member

    I'd like to change the bread crum so that the last item shows up in a different background color.
    I was sort of able to do it but only able to change the background for the text and not the triangle looking thing.

    How can I make this happen?
     
  2. Jeremy

    Jeremy XenForo Moderator Staff Member

    Code:
    .crumbs:last-child {
      background-color: red;
    }
    
    Should do it.
     
  3. ld762

    ld762 Member

    I added it to breadcrum.css but it didn't change anything.
    Am I doing it wrong?
     
  4. Jeremy

    Jeremy XenForo Moderator Staff Member

    Looks like extra specificity is needed:
    Code:
    .breadcrumb .crust:last-child a.crumb {
      background-color: red;
    }
    
    
    .breadcrumb .crust:last-child .arrow span {
      border-left-color: red;
    }
    
    Place it into EXTRA.css and it'll work.
     
    ld762 likes this.
  5. ld762

    ld762 Member

    It works! I've been banging my head for a week over it now. Awesome thanks.
     

Share This Page