More in this section
Forums / Designing & Styling / Breadcrumb CSS customization

Breadcrumb CSS customization

The forums are in read-only mode. In case that you want to directly contact the Progress Sitefinity team use the support center. In our Google Plus group you can find more than one thousand Sitefinity developers discussing different topics. For the Stack Overflow threads don’t forget to use the “Sitefinity” tag.
4 posts, 0 answered
  1. Varadha
    Varadha avatar
    3 posts
    11 Mar 2013
    11 Mar 2013
    Link to this post


    How to customize the Breadcrumb widget with multiple CSS classes (One css class for parent page and another css class for active page)? 

    The advanced parameter allows to load only one css class.  Our custom HTML is given below, how to achieve this kind of behaviour with sitefinity widget? Kindly advice. 

    <div class="bread-crumb">
    <div class="bread-cont first"><a  href="#"><span>Home </span> </a></div>
    <div class="bread-cont"><a  href="#"><span class="active-bread">About Us</span> </a></div>
    <div class="bread-cont"><a  href="#"><span>Our services</span> </a></div>
    <div class="bread-cont"><a  href="#"><span>system Tools</span> </a></div>
    <div class="bread-cont"><a  href="#"><span>Consulting</span></a></div>


  2. Arno
    Arno avatar
    249 posts
    08 Sep 2010
    11 Mar 2013 in reply to Varadha
    Link to this post

    Hi Raja,

    The breadcrumb widget renders way too much HTML and CSS. You need a custom control if you want to get rid of it. This thread may help you.

  3. Markus
    Markus avatar
    2763 posts
    25 Nov 2005
    11 Mar 2013 in reply to Varadha
    Link to this post
    <style type="text/css">
    .bread-cont.first a
    color:red !important;
    .bread-cont a
    color:green !important;

    I guess this should do the trick for the first Item


  4. Sarthak
    Sarthak avatar
    4 posts
    03 Jul 2014
    14 Aug 2014
    Link to this post

    Hi All,

     I want to make current page's name style different from rest of the names in bread crumbs.

    Please help me,how do i achieve this.


4 posts, 0 answered