Hide last delimiter on breadcrumb

Hi
1. How can I hide the “last” delimiter on breadcrumbs ( im using a WoodMart icon) as I have hidden the last link but need to hide the last delimiter ?

2. How can I set the breadcrumb active link to a different colour and also the breadcrumb font, colors itself ?

3. H ow can I change the “FILTER BY PRICE” slider bar color ?

4. How can I stop the url from displaying “page2” when using Pagination in grid settings?

Ive searched the support forum but can’t find solutions for the above .

Thanks once more 🙂

Hi Splash-Media,

Thanks for reaching to us.

1. Please provide me with screenshots for better understanding.

2, 3. How can I set the breadcrumb active link to a different colour and also the breadcrumb font, colors itself ?

In order to adjust font styles for the widget title and breadcrumbs, please navigate to Theme Settings > Typography > Advanced.

In this area, you can use Custom selector and assign elements like screenshot https://prnt.sc/v_5_PEinJOZA

Please read documentation also https://xtemos.com/docs-topic/advanced-typography-settings/

4. Currently, you can navigate to Theme Settings > Products archive > Products grid and here you can enable Load More button option and disable Keep the page number in the URL option to remove page number from url https://prnt.sc/9kHUHhps6ym9

Regards,

[Splash-Media]

4. I want to use pagination (not load more) the issue I have is it shows page number in breadcrumbs ,

not to bothered about page2 in url, just not in breadcrumbs. see screenshot

• This reply was modified 1 year, 4 months ago by Splash-Media.

Attachments:

You must be logged in to view attached files.

fixed it with a function snippet

add_filter(‘woocommerce_get_breadcrumb’,function($crumbs,$tthis){
if(strpos($crumbs[count($crumbs)-1][0],’Page ‘)===0){
unset($crumbs[count($crumbs)-1]);
$args[“breadcrumb”][count($crumbs)-1][1]=”;
}
return $crumbs;
},10,2);

[Splash-Media]

I want to change the slider bar color not the title

3. How can I change the slider bar color

?

• This reply was modified 1 year, 4 months ago by Splash-Media.

Hi Splash-Media,

Please add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS

.widget_price_filter .price_slider.ui-slider .ui-slider-range,
.widget_price_filter .price_slider.ui-slider .ui-slider-handle:after{
    background-color: #000;
}

Regards,

Thank you 🙂

Hi Splash-Media,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

Regards,

[Author]

Posts