This topic has 2 replies, 2 voices, and was last updated 10 years by gm713.

  • Author
  • #23271
     gm713
    Participant

    Hi,

    Can you please point me to the field that controls the “active/current page title” within the breadcrumbs. In my example (see attached screenshot), the current page is picking up a value of #b3b3b3 that I haven’t defined anywhere on the.

    I am able to control the parent link (“Home” in my case), within the breadcrumbs in Styling Options > Alternate > Text Color, so I’m good there. The current page text color is what I need help with.

    Below is the CSS style it’s picking it up from.

    COPY CODE
    
    .alternate-color .muted,.alternate-color .hr-title,.alternate-color .breadcrumb,.alternate-color .breadcrumb .active,.alternate-color .panel-kleo .icon-closed,.alternate-color .panel-kleo .icon-opened,.alternate-color .pagination > li > a,.alternate-color .pagination > li > span,.alternate-color .post-meta,.alternate-color .post-meta a,.alternate-color .post-footer a,.alternate-color .dropdown-submenu > a:after,.alternate-color .pricing-table .list-group-item.unavailable,.single-attachment .alternate-color .link-list,.single-attachment .alternate-color .link-list a,.alternate-color .form-control,.alternate-color #kleo-ajax-search-loading,.alternate-color .kleo_ajax_entry .search_excerpt,.alternate-color .ajax_search_image,.alternate-color #buddypress div#item-nav .tabdrop .dropdown-menu li a:hover:before,.alternate-color #buddypress .activity-header .time-since,.alternate-color .activity-timeline,.alternate-color #buddypress div#item-nav ul li a:before,.alternate-color #buddypress div#item-nav .tabdrop .dropdown-menu li a:before,.alternate-color #buddypress a.button.fav,.alternate-color #buddypress .comment-reply-link,.alternate-color #rtMedia-queue-list tr td:first-child:before,.alternate-color .sidebar .widget.buddypress div.item-meta,.alternate-color .sidebar .widget.buddypress div.item-content,.alternate-color #buddypress div#item-header div#item-meta,.alternate-color table.notifications td.notify-actions,.alternate-color .read-notifications table.notifications tr td,.alternate-color .unread-notifications table.notifications tr td,.alternate-color #buddypress .activity-list li.load-more a,.alternate-color #buddypress div.item-list-tabs#subnav ul li a,.alternate-color .bbp-pagination-links a,.alternate-color .bbp-pagination-links span,.alternate-color .rtmedia-container .rtmedia_next_prev a,.alternate-color .rtmedia-activity-container .rtmedia_next_prev a,.alternate-color #buddypress div.rtmedia-activity-container .rtmedia_next_prev a,.alternate-color .rtmedia-container .rtmedia-editor-main dl.tabs dd > a,.alternate-color .rtmedia-activity-container .rtmedia-editor-main dl.tabs dd > a,.alternate-color #buddypress div.rtmedia-activity-container .rtmedia-editor-main dl.tabs dd > a,.woocommerce .alternate-color ul.products li.product .price del,.woocommerce-page .alternate-color ul.products li.product .price del,.alternate-color .kleo-toggle-menu a.remove,.alternate-color .article-content .author-options .edit:hover:before,.alternate-color .article-content .author-options .delete:hover:before {
    	color: #b3b3b3;
    }
    
    
    Attachments:
    You must be logged in to view attached files.
    #23309
     Catalin
    Moderator

    Hello,

    Please add this code in the style.css file from your child theme folder:

    COPY CODE
    
    
    .breadcrumb>li+li:before
    {
      color: #xxx !important;
    }
    
    .breadcrumb li span
    {
      color: #xxx !important;
    }
    
    
    

    where xxx is the color you want to add

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #23373
     gm713
    Participant

    That did it, thanks!

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Breadcrumb – Current page text color’ is closed to new replies.

Log in with your credentials

Forgot your details?