Hi @abhisheksharma8789!
Thank you for contacting us!
You could remove the breadcrumbs home icon by using the CSS snippet below:
.woocommerce-breadcrumb a:first-of-type::before{
content:'';
}
I hope this helps! 🙂
When I add this css code then home icon remove and thanks but some margin in place of home icon,how to adjust it.
Hi @abhisheksharma8789
Glad to know the home icon is removed.
As for getting rid of the margin (the vacant space), can you please share a link of the page so we can see for ourselves and provide an exact solution?
Hi @abhisheksharma8789 !
Thanks for the prompt reply!
Can you please further clarify which margins are appearing when removing the breadcrumbs?
Please use a free service like https://snipboard.io/ to take a screenshot and note of the exact area, since I am having trouble locating where do the margins appear 🙂
Thank you!
Red underline margin or space i don’t want it
Hi there,
Thanks for getting back to us.
I can see this is coming due to text line-height. This can be adjusted by using custom CSS code. Please add the following CSS code, and let me know how it goes:
.woocommerce-breadcrumb {
line-height: 16px;
}
Best,
Rynald0s
(@rynald0s)
Automattic Happiness Engineer
Hi @abhisheksharma8789
Try the following CSS:
.woocommerce-breadcrumb a:first-of-type::before {
display: none;
}
Cheers!
