Archived topic
Breadcrumbs Display
9 replies · Started by Stephen Moon on April 18, 2019
Used the support documentation to set up Yoast breadcrumbs on my site and it works well.
The breadcrumbs are shown in a wide box at the head of the page, with a white background. Is it possible to change the white background? And maybe alter the width of the display box?
Many thanks
Frith
Hi there,
The link to your site isn't loading for me.
Can you double check?
Let me know :)
It seems ok now, it was running slowly last night after I made some changes but it seems fine - http://www.frithstreetpost.com
Thanks Leo
Sorry how are you adding the breadcrumbs?
Using Hooks Elements as suggested here?
https://docs.generatepress.com/article/adding-breadcrumbs/#using-hooks-element
Is the current position where you actually want it?
Yes, I used Hooks in Elements as I’m on Premium. I used code as advised and provided by Yoast.
It’s in an ok place, would like to make the container smaller though.
Nice theme by the way.
Hmm that's weird.
Which hook are you adding to? There shouldn't be padding by default.
Can you clear and disable WP Rocket for now?
I enabled Breadcrumbs in Yoast
I then went to Elements and added a Hook wp_head
CSS from Yoast is:
<?php if ( function_exists('yoast_breadcrumb') ) { ?>
<?php } ?>
To your note above I have now cleared and disabled WP Rocket for now.
Thank you
But that's not what the instructions here are suggesting:
https://docs.generatepress.com/article/adding-breadcrumbs/#using-hooks-element
Can you try exactly those steps?
For #3, you can choose any hooks that are listed here:
https://docs.generatepress.com/article/hooks-visual-guide/#single-post
wp_head is not the right place.
Apologies. Using the link you gave me got me almost there.
It then started showing in the right place, but just fragments of code.
I changed Execute Shortcodes as directed to Execute PHP and that did the trick.
Thanks for your help, invaluable for a rookie like me!
Glad I could help :)