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

XF 1.2 Styling Breadcrumbs in 1.2

Discussion in 'Styling and Customization Questions' started by Rob, Aug 2, 2013.

  1. Rob

    Rob Well-Known Member

    Ok, this is really frying my brain now. I have the breadcrumbs all set up lovely and they look fine, except there is no breadcrumb arrow because its the same color as the other stuff.

    I want a breadcrumb arrow.... i've tried changing stuff on the outer and inner (left borders) and also on the breadcrumb content background. It seems everything i do results in solid triangles or straight edge borders at the limits of the arrow.

    I really wish there was a tutorial to style the breadcrumbs. I'm sure it would be real easy for me to hack the css but I really hoped style properties would do this.
     
  2. Shelley

    Shelley Well-Known Member

  3. Brogan

    Brogan XenForo Moderator Staff Member

    I did something a bit different as I'm not a fan of the big triangular ended blocks.

    upload_2013-8-2_20-40-0.png

    I tried vertical lines but that just looked wrong.
     
  4. Shelley

    Shelley Well-Known Member

    Same here. I have never been a fan of the xenforo breadcrumb design.

    edit: yeah vertical lines do look odd (tried that also) :p
     
  5. Rob

    Rob Well-Known Member

    I love it... How?
     
  6. Brogan

    Brogan XenForo Moderator Staff Member

    Lots of changes to the SPs and then this added to EXTRA.css:
    Code:
    /* Breadcrumb */
    .breadcrumb .crust a.crumb:after {
    content: "›";
    font-weight: bold;
    position: absolute;
    top: -1px;
    right: -2px;
    }
     
    maszd likes this.
  7. Rob

    Rob Well-Known Member

    Heh... I'm fine with CSS. Its the SP's that shake my brain lol
     

Share This Page