How do I add breadcrumbs to a page?

Hi there,

I would love some help with adding breadcrumbs to this page: https://www.fitforlife.foundation/laureates2022

It's a level 2 page that can't be accessed from the main menu. I would like to add breadcrumbs at the top of the page to make it easier for the viewer to understand the page hierarchy. 

How it this possible? Does it require code-injection? 

Add something like this? It requires HTML/CSS only, no Code Injection.

Hi, yes that's exactly what I'm after. Can I easily add an underline on the current page in the CSS? 

On 1/6/2023 at 12:27 AM, amsenq said:

Hi, yes that's exactly what I'm after. Can I easily add an underline on the current page in the CSS? 

You mean underline Laureates2022?

Yes exactly 🙂

Hi @tuanphan, would you be able to provide me the HTML/CSS you showed me above please? 🙂

Many thanks in advance!

On 1/17/2023 at 5:47 PM, amsenq said:

Hi @tuanphan, would you be able to provide me the HTML/CSS you showed me above please? 🙂

Many thanks in advance!

Edit Page > Add a Code Block on position in screenshot > Paste this code

<a href="/about">About</a> > <span class="tp">laureates2022</span>
<style>
  span.tp {
  	border-bottom: 1px solid white;
  }
</style>

This is great information, I appreciate it very much.

Will SEO be able to 'see' this code for the breadcrumbs?

Thank you

On 2/3/2023 at 4:46 AM, LauraLee said:

This is great information, I appreciate it very much.

Will SEO be able to 'see' this code for the breadcrumbs?

Thank you

Hi,

Yes. Search Engine bots can see this code. But I don't think they will see it as breadcrumbs