How to change breadcrumb style

edited June 2015 in wallstreet
Hi, for pages are have a parent page, the breadcrumb area is displaying the parent page name followed by the name of the page itself.
However I need to insert some space there, right now the words are lumped together (see attached image). I would like to change it so that " /
" are between the words too. Please advise. Thanks!
breadcrumb1.jpg
425 x 117 - 11K

Comments

  • hi

    For better understand your issue.

    Please share your website url .

    Thanks

    Prakash
  • Hi,

    To solve this issue.

    1. Go to your theme folder >> functions >> breadcrumbs folder

    2. Find in this folder breadcrumbs.php file. and open it text editor.

    3. Download attechment breadcrumbs.txt file. and open it in editor.  then copy all file text from this file.

    4. and paste all data into  breadcrumbs.php file. and save this file.

    Thanks 
    Prakash


    breadcrumbs.txt
    5K
  • Hi, I did that but doesn't seem tot have any changes.
  • Hi

    Are you using cache plugin, If yes, than kindly deactivate it and check.

    If that dint work than do let us know.

    Thanks
    Priyanshu
  • the data inside the new one you provided seems to have the same data in the old breadcrumbs.php file.
  • tried switching off the supercacher, and also clear cache of my browser, but still don't see any changes.
  • Try this one
    breadcrumbs.txt
    5K
  • Hi 

    To  insert space between the word add the below css code into 
    Appearance << Option Panel << Custom css box . 

    .breadcrumbs > .active { margin-left:15px; }


    Let me know for further assistance .
    Thanks
    Akhilesh


  • Thanks priyanshu, the new codes work.

    .breadcrumbs > .active { margin-left:15px; } works too but this just add a space without the "/"

    thanks!
This discussion has been closed.