Change the Color of Links in your Breadcrumb

By default the color of your breadcrumb follows your theme's default text color, but if you would like to customize it you can use any color you'd like by using the following code: Add the following code to your theme's Advanced CSS settings or if you use multiple themes, add to a CSS block in your "All Galleries" page:

/* Change the color of links in the breadcrumb */
/* Crumb text, including the expand menu button for collapsible crumbs */
.sm-page-widget .sm-breadcrumbs .sm-breadcrumb-item .sm-button,
/* Chevron separator (>)*/
.sm-page-widget .sm-breadcrumbs .sm-breadcrumbs-separator,
/* Emphasized current page (h1 element)*/
.sm-page-widget .sm-breadcrumbs .sm-breadcrumb-item h1 {
    /* .sm-breadcrumb-item[data-is-emphasized] can be helpful
       in targeting the emphasized crumb */
      color: #00fffb;  


  • No Comments
Powered by SmugMug Owner Log In