How to Implement Yoast SEO breadcrumbs Default

Hi there,

Where are you wanting to add it?

We can try a function like this: https://docs.generatepress.com/article/adding-php/

add_action( 'generate_after_header', 'tu_add_yoast_bc', 20 );
function tu_add_yoast_bc() {
    ?>
    <div class="grid-container grid-parent">
        Yoast breadcrumbs code in here
    </div>
    <?php
}

Let me know if that helps or not ??

Today i faced customized not working
when i clicked customized its showing blank page not loading i tried my 2 websites in 2 websites showing just blank page

Image : https://www.apemployees.in/wp-content/uploads/2018/06/error.png

2 . How to Change breadcrumbs Background color and Margin Size it should be decrease and change font size also

https://www.apemployees.in/wp-content/uploads/2018/06/Breadcum-Editing.png

3 . I want to Hide breadcrumbs in my Home Page

My website : https://www.apemployees.in

• This reply was modified 6 years, 8 months ago by telanganaemployees2017.
• This reply was modified 6 years, 8 months ago by telanganaemployees2017.

Hi there,

1. Try #1 here first, if that doesn’t help then it’s likely #3:
https://docs.generatepress.com/article/debugging-tips/

2. Try this CSS:

#breadcrumbs {
    margin-top: 10px;
    font-size: 10px;
}

3. Try this CSS:

.home #breadcrumbs {
    display: none;
}

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

Hey Leo thxs for supporting its working charm

as per ur instructions i changed font size and background color #FFF but but extra one column showing with color #BBB . How to remove bottom of breadcrumbs

Detail Image : https://www.apemployees.in/wp-content/uploads/2018/06/Breadcum-Editing-1.png

That case, replace generate_after_header in Tom’s code with generate_before_content.

Leo i followed ur instructions but i am getting to much empty space between breadcrumbs and Post Header How to remove that empty space
#breadcrumbs {
margin-bottom: 0px;}
but no use still showing empty space

Detail Image : https://www.apemployees.in/wp-content/uploads/2018/06/1.png

That CSS should work but I’m not seeing it being added.

I currently still see this:

#breadcrumbs {
    margin-top: 5px;
    margin-top: 0px;
    font-size: 12px;
    background-color: #fff;
}

Try this instead:

#breadcrumbs {
    margin: 0px;
    font-size: 12px;
    background-color: #fff;
}

and clear your caching plugin.