• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

Change Breadcrumbs In Genesis

You can easily enable or disable breadcrumbs from displaying on posts, pages, archives and your home page using the Genesis > Theme Settings > Breadcrumbs:

breadcrumbs

You can also customize what’s displayed in your breadcrumbs using filters.

Note: A filter simply enables you to modify an existing functions output to something different than the default. Rather than edit the parent theme frameworks files, you can use the genesis filters in your child themes functions.php file.

If you take a look in the breadcrumbs.php file which is included in the Genesis files, you’ll see a list of what can be customized.

Default Arguments

Here are the default parameters and values for the breadcrumbs in Genesis.

Any of these default arguments can be modified using a filter.

To remove or customize the ‘You Are Here’ text simply remove the text from the argument or replace it with your own custom text.

All custom functions should be copied from the view raw link in the Gist and pasted at the end of your child themes functions.php file using a code editor.

Remove ‘You Are Here’ Text

Change ‘You Are Here’ Text

Modify Home Text

This code changes the Home text to Front Page.

Modify Separator

You can then put all your modifications together into the one custom function and filter multiple arguments for better efficiency.

Reposition Breadcrumbs Using Genesis Hooks

You can easily change the position your breadcrumbs display in your theme using any genesis hook location.

Remove Breadcrumbs On Specific Page

You can easily change the conditional tag in this code snippet to suit your own needs and add the page/post i.d or slug for the one you want removed without effecting other areas of your site.

Other Modifications

This code adds classes which you can modify or use ‘as is’ to style your breadcrumbs.

Style Breadcrumbs

This CSS code will add a home icon in replace of the home text and additional styling which you can easily modify, add to or delete.

This CSS code has been modified from one of the Studio Press child themes.

style breadcrumbs

Genesis Simple Breadcrumbs Plugin

Another way to customize your breadcrumbs is to install the Genesis Simple Breadcrumbs plugin. This plugin enables you to modify all the default settings and label arguments without touching any PHP code.

Simple Breadcrumbs Plugin

This plugin has been developed by Copyblogger Media’s Nick Croft.

I’ll be writing more about how to use filters to modify the output of all the default Genesis functions over the coming months.

Related Tutorials

  • Add Blog To Breadcrumbs On Single Posts In Genesis
  • Remove Category From Breadcrumbs In Single Posts Using Genesis
  • Shortcode For Breadcrumbs

Breadcrumbs

Reader Interactions

Comments

  1. Josef Davies-Coates says

    July 15, 2014 at 5:28 pm

    The code to remove ‘You are here’ doesn’t seem to work for me 🙁

    Log in to Reply
    • Brad Dalton says

      July 15, 2014 at 5:35 pm

      Do you have any plugins active which modify the breadcrumbs?

      Log in to Reply
  2. John Schuster says

    June 23, 2014 at 11:18 pm

    You are the Genesis WordPress master. I am working on a monster web dev project and over and over your help is invaluable. I needed to wrap a div around the breadcrumbs for styling and I didn’t want to edit core files. You answered my question! Thanks Brad!

    Log in to Reply
    • Brad Dalton says

      June 24, 2014 at 1:43 am

      You’re welcome John.

      Thanks for the positive feedback.

      Log in to Reply
  3. Deb says

    April 12, 2014 at 11:35 pm

    Looked everywhere on how to add genesis breadcrumb to a php template page but doesn’t work with what’s been suggested – ie. using genesis() – template only works with normal get_header() on template page, but no breadcrumbs ;0( Can anyone help on how to add breadcrumbs to templates? using Associate theme…

    Log in to Reply
    • Brad Dalton says

      April 13, 2014 at 12:29 am

      Try this:

      add_action( 'genesis_before_loop', 'genesis_do_breadcrumbs' );
      Log in to Reply
      • Deb says

        April 15, 2014 at 8:57 am

        Thanks so much for responding Brad, that night I tried: simply genesis_breadcrumb(); on the template pages and that brought them in – doh! thanks!

        Log in to Reply
        • Brad Dalton says

          April 15, 2014 at 1:18 pm

          hahaha.

          You’re welcome Deb

          Log in to Reply
  4. Ryan Dolan says

    March 30, 2014 at 3:50 am

    How about removing from all except certain pages?

    Log in to Reply
    • Brad Dalton says

      March 30, 2014 at 4:08 am

      You mean remove breadcrumbs from all excerpts on specific pages?

      Log in to Reply
      • Ryan Dolan says

        March 30, 2014 at 4:11 am

        I only want the bread crumbs on certain pages, not all of them

        Log in to Reply
        • Brad Dalton says

          March 30, 2014 at 5:46 am

          The code for that is already included in this post however you will need to modify the conditional tag according to your needs.

          Log in to Reply
  5. mark says

    February 27, 2014 at 8:17 pm

    Added code to Dynamiks functions.php but no luck also tried the plugin that didn’t work either

    http://www.mediray.co.nz/preview

    Any thoughts as to why it ain’t workin’

    Log in to Reply
    • Brad Dalton says

      February 28, 2014 at 2:17 am

      I would ask the guys at Cobalt Apps however you might also try using the custom functions box Dynamik includes.

      The code is tested and works but plugins will over ride any custom PHP code.

      Log in to Reply
  6. lbj says

    January 6, 2014 at 3:08 am

    How to change the breadcrumb using instead of using ?

    Thanks 😉

    Log in to Reply
  7. hermie says

    October 24, 2013 at 10:02 am

    Hi Brad,

    Wondering, is there a good way to omit post titles from breadcrumbs?

    I found this snippet on Bill Erickson’s site http://www.billerickson.net/code/remove-post-title-from-breadcrumb/

    It’s also in Gary Jones’ gist here https://gist.github.com/GaryJones/5233669, with following note “Remove post title from Genesis breadcrumb (assumed on single.php, so limited possibilities). Completely untested.”

    Thanks in advance

    Log in to Reply
    • Brad Dalton says

      October 24, 2013 at 11:44 am

      Not sure Herman.

      Let me see if i can work out a solution for you.

      Log in to Reply
  8. Laura says

    October 3, 2013 at 6:27 pm

    Nice roundup on breadcrumbs; very helpful!

    Is there a way to remove breadcrumbs from one specific page, perhaps by page ID?

    Log in to Reply
    • Brad Dalton says

      October 3, 2013 at 8:16 pm

      Hello Laura

      Yes you can add a conditional tag after the function.

      I have just updated this post to include an example of how to remove breadcrumbs conditionally.

      Log in to Reply
  9. Yvonne Manders says

    September 23, 2013 at 1:33 pm

    Hi,
    Please could you help me with this?
    I have installed the Genesis breadcrumb plugin. However; I don’t see the parent page:

    I see: home/subpage.
    I would like to see: home/page/subpage.

    Thanks!

    Log in to Reply
    • Brad Dalton says

      September 23, 2013 at 2:09 pm

      Hi Yvonne

      You can only do what the plugin provides as far as customization of your Breadcrumbs.

      Otherwise you would need to write, test and use custom code if you want to further extend the customization of your Breadcrumbs.

      Log in to Reply
  10. Bill says

    September 2, 2013 at 10:15 pm

    For Genesis 2/Agency Child Theme

    I’m not feeling it. Client asked that I soften the color of breadcrumbs from black to gray like C0C0C0 or D0D0D0.

    In the Agency style sheet i added “font-color: #D0D0D0;” but nothing changes

    /* Breadcrumb
    ———————————————————— */

    .breadcrumb {
    background: #ddd url(images/gradient.png) repeat-x;
    border-bottom: 1px solid #eee;
    font-color: #D00000;
    font-size: 14px;
    margin: -25px -30px 20px;
    padding: 15px 30px;
    }

    Log in to Reply
    • Brad Dalton says

      September 3, 2013 at 3:07 am

      Hey Bill

      Try replacing font-color with color.

      Log in to Reply
    • Bill Gram-Reefer says

      September 3, 2013 at 5:45 pm

      That works, thanks. but for the life of me I tried that first and did not see any changes.

      Thanks.

      Log in to Reply
      • Brad Dalton says

        September 4, 2013 at 1:32 am

        Understand Bill.

        I wrote a post about 16 reasons why code doesn’t work when it actually does that may interest you.

        Log in to Reply
  11. Keith Davis says

    July 3, 2013 at 4:48 pm

    The ultimate Genesis breadcrumbs post Brad.

    Coding or plugin, all angles covered.

    Log in to Reply
    • Brad Dalton says

      July 4, 2013 at 2:46 am

      That’s exactly what i planned on doing Keith but my eyes started to go after 16 hours so i’ll add to it as i work out more.

      Not difficult to makes changes to breadcrumbs in Genesis.

      Thanks for the comment.

      Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.