How to increase the space between breadcrumb and first paragraph?

Hi there,

Try this CSS:

.yoast-breadcrumbs {
    padding-bottom: 10px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps :)

Problem solved, thank you Leo.

No problem :)

Hi Leo,

How do I display the breadcrumbs above page/post titles? (The location they are supposed to be? )
I've gone through Yoast settings, it doesn't have any settings regarding "breadcrumbs location"?

Please advise, thanks.

Hi there,

how did you add the Breadcrumbs to your site ?

Hi David,

I inserted Yoast breadcrumbs from the block editor.

Hi there,

use the first method provided here:

https://docs.generatepress.com/article/adding-breadcrumbs/#using-hooks-element

Thanks for your info.

Are there quicker ways to change the breadcrumbs for the entire site instead of going through one by one??

Are there quicker ways to change the breadcrumbs for the entire site instead of going through one by one??

What are you trying to change?

To implement the hook for breadcrumbs for the entire site, instead of editing it in every sing page/post
as the tutorial video shows.

Hi Shu-Chun,

The video in the article David shared shows adding the Breadcrumbs through a Block Element, which should allow you to “implement it for the entire site”.

A Block Element can be created through Appearance > Elements as shown in the video.

The article also shares how to add the Breadcrumbs through a Hook Element which should work as well.

Hope this clarifies!

Hi,

I think I added the hook successfully.

The next question is how to remove previous breadcrumbs added by block editor all at once?
Now I have two breadcrumbs on each page/post, https://joyfuldumplings.com/green-sauce-pasta/

And how to increase the space between breadcrumbs and content titles?

Thanks.

Sadly, there’s no easy way to do that. You’ll need to remove it manually in every post you added it.

As for the spacing, you can try adding this CSS through Appearance > Customize > Additional CSS:

.yoast-breadcrumbs {
    padding-top: 20px;
    padding-bottom: 20px;
}

You may alter 20px to your preferred value.

Hope this helps.

Thanks for your help.