Home Forums WoodMart support forum Breadcrumb changes

Breadcrumb changes

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #520184

    Splash-Media
    Participant

    is it possible to change the “shop” & “single product’ breadcrumb to capitalise ?
    and is it possible to remove the last link on product your viewing? and also change the “home” breadcrumb to the “shop’ page ??

    #520195

    Splash-Media
    Participant

    cancel the change home breadcrumb to shop as realised Product permalinks was not set correctly , but it like to capitalise breadcrumb and change delimiter to a character or icon ?

    #520394

    Splash-Media
    Participant

    Edit * uppercase all breadcrumbs and change / to an icon or >

    #520506

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .breadcrumbs a, 
    body .breadcrumbs span, 
    body .yoast-breadcrumb a, 
    body .yoast-breadcrumb span {
       text-transform: capitalize !important;
    }
    
    body .woocommerce-breadcrumb .breadcrumb-last:last-child, 
    body .yoast-breadcrumb .breadcrumb_last:last-child {
    text-transform: capitalize !important;
      }

    Woocommerce does not provide the option to configure the breadcrumbs, and WoodMart does not either. You can try to search for a plugin. We have not tested any with our theme, we cannot guarantee any.

    Please add this code to the Theme Settings > Custom CSS > Global:

    woocommerce-breadcrumb a:after {
       content: ">";
    }

    Best Regards.

    #520518

    Splash-Media
    Participant

    Added the above css and get this result ?
    Image attached

    Attachments:
    You must be logged in to view attached files.
    #520537

    Splash-Media
    Participant

    ok added this to custom css and seems to uppercase all breadcrumbs? this would work ?:

    body .breadcrumbs a,
    body .breadcrumbs span,
    body .woocommerce-breadcrumb a,
    body .woocommerce-breadcrumb span {
    text-transform: uppercase !important;
    }

    body .woocommerce-breadcrumb .breadcrumb-last:last-child {
    text-transform: uppercase !important;
    }

    woocommerce-breadcrumb a:after {
    content: “>”;
    }

    now I just need to change the delimiter??

    #520816

    Hello,

    Please add this custom css code for the delimiter:

    woocommerce-breadcrumb a:after {
    content: ā€œ>ā€;
    }

    Best Regards.

    #521014

    Splash-Media
    Participant

    Hi

    doesn’t seem to work ?

    #521016

    Splash-Media
    Participant

    searched support and this did the trick :

    .website-wrapper .woocommerce-breadcrumb a:after {
    content: “>”;
    }

    #521108

    Sounds Great! that your issue has been solved.

    Iā€™m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

    We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

    Thanks for contacting us.
    Have a great day.

    Topic Closed.
    Best Regards.

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

The topic ‘Breadcrumb changes’ is closed to new replies.