Remove text from the home link in breadcrumbs

I would replace the visible text with this kind of hover efect:

https://aijaa.com/PqGK52

Hello,

I am having trouble understanding what you are asking help with. Can you please provide links to screenshots of the changes you are trying to make, and of the samples you are citing?

Thanks!

After the home icon (dashicon) was the name of the home page.

I didn’t like it.
I have in my site only the daschicon.

Here I could set the home icon from the plugin settings of bbp style pack:
https://www.sanaristikkofoorumi.net/wordpress/forums/forum/sanaristikot/

and here I have used Breadcrumb NavXT breadcrumbs:
https://www.sanaristikkofoorumi.net/blogikirjoitukset/2019-2/

I have defined with CSS that it shows only the dashicon.

In order to dot that there must be wrappers for the home link or the link should have class “home”
a class=”home

Alternative for example span class=”home” … a href=”…”

I just asked to define classes in order to redefine the home link.

https://kirakankesateatteri.fi/naytelma/

had breadcrums. I had text for the home page on the right side of the dashicon. I couldn’t take only the text off because of missing class for the a tag/missing wrapper for the a tag.

I think I understand now. You would like the CSS class for the Home page menu item so you can replace it with a Dashicon instead, correct? If so, I believe the CSS class you are looking for is:

.menu-item-home

Please give that class a try and see if it will do what you need.

Thanks!

That’s my doughter’s site and she didn’t anymore use breadcrumbs. So I can’t test that. Maybe when we need WooCommerce, we might activate breadcrumbs again.

I didn’t notice any class for the home link (or wrapper).
If the a tag or wrapper for it does have class, that’s ok. Maybe I just didn’t noticed when I looked source code.

Hello,

The class .menu-item-home is a standard way to target the homepage link without it being dependent on a specific page. This way if you update your homepage with a new version, the CSS will not need to be changed as well. It will just work ?? You should be able to update the Home menu item in the way you’ve described here using the .menu-item-home CSS class.

Please let me know if this works for you.

Thanks!

I can’t anymore test but I keep that in mind.Thank’s.

You’re welcome. Since it appears we’ve come to an end here, would you please mark this issue as resolved? If you have any further questions, you can start a new thread.

Thanks!

resolved