Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #24453

    Hey guys, I must have accidentally changed my breadcrumb font colour to white when modifying the theme and now I need to change it back to black.

    Here’s a link to demonstrate the problem: (Purchase code hidden if logged out) -for-women/#tab-additional_information

    Please help!

    Also if you noticed the URL that I copied and pasted, whenever I click on any of my product, it automatically goes to the Additional information tab. I am using wp 3.5.1 and woocommerce 2.0.1. I’m using the latest versions of all the scripts to date. I don’t want the page to scroll to the additional information page. Please help~



    1.) Please add this on your custom.css or Quick CSS

    .slideshow_color .breadcrumb a {
    color: black;

    2.) Try to change the product permalink settings on Settings > Permalink > Product permalink base.

    Did you remove the description tab?




    Hey thanks

    1) it worked for part of that line but for the words You are here: and the product name is still white :(

    2) I didn’t include description so the description tab is missing. I’ve changed the permalink but it’s still not working :(


    1) Use:

    div.product .product_title, .breadcrumb-title {
    color: #000;


    div.product .product_title, .breadcrumb-title {
    color: #000 !important;

    2) I’m not sure why woocommerce opens the tabs in your case but try following – open up wp-contentpluginswoocommerceassetsjsfrontendsingle-product.min.js and replace the entire code with

    jQuery(document).ready(function($) {

    // Tabs
    $('.woocommerce-tabs .panel').hide();

    $('.woocommerce-tabs ul.tabs li a').click(function(){

    var $tab = $(this);
    var $tabs_wrapper = $tab.closest('.woocommerce-tabs');

    $('ul.tabs li', $tabs_wrapper).removeClass('active');
    $('div.panel', $tabs_wrapper).hide();
    $('div' + $tab.attr('href')).show();

    return false;

    // Star ratings for comments
    $('#rating').hide().before('<p class="stars"><span><a class="star-1" href="#">1</a><a class="star-2" href="#">2</a><a class="star-3" href="#">3</a><a class="star-4" href="#">4</a><a class="star-5" href="#">5</a></span></p>');

    .on( 'click', '#respond p.stars a', function(){
    var $star = $(this);
    var $rating = $(this).closest('#respond').find('#rating');

    $rating.val( $star.text() );

    return false;
    .on( 'click', '#respond #submit', function(){
    var $rating = $(this).closest('#respond').find('#rating');
    var rating = $rating.val();

    if ( $rating.size() > 0 && ! rating && woocommerce_params.review_rating_required == 'yes' ) {
    return false;

    // prevent double form submission
    $(this).find(':submit').attr( 'disabled','disabled' );



    Hey, thanks dude.

    The breadcrumb is working fine now.

    I’ve replaced the code. However when I go to any of my product pages, it still automatically scrolls down to additional information tab. Any other idea?



    No – please create me a wordpress admin account and send me the login data and more details about the issue to: (Email address hidden if logged out) – I’ll look into it.

    Best regards,


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

The topic ‘Breadcrumb font colour and #tab-additional_information’ is closed to new replies.