Archived topic
Breadcrumbs style
8 replies · Started by Mark on June 16, 2022
Hi,
How can I style the breadcrumbs from Yoast to be the same across all pages?
I'm using blocks on the top of Category pages and I am unable to style the breadcrumbs to be the same as the rest of the site. URLs in private area
.
Hi Mark,
Can you try modifying the Container Block’s Block settings as such?: https://share.getcloudapp.com/llu026kw
Kindly let us know how it goes.
It's a "shortcode" block and I don't have any options within the block.
I add this within the block: [ wpseo_breadcrumb ] <<< with the spaces removed between the brackets. This forum seems to create a shortcut to the main forum if I copy/paste verbatim
If it’s within a Container Block, you can modify the settings of the Container Block. It should pass down to the shortcode Block.
See: https://share.getcloudapp.com/4gurJK7d
Here it is working from my end: https://share.getcloudapp.com/nOuXnRmp
So, what you can do is add another Container Block and put the Shortcode block inside as such: https://share.getcloudapp.com/kpu8wJmO
Kindly let us know how it goes.
Thank you!
That did work, but it affected the text within Headline (divs) boxes also in the container.
I worked out I could just replace the shortcode blocks with Headlines (divs) and set the size in there.
I assume this is still ok and doesn't affect site performance?
I see. However, as mentioned, you can place the Shortcode Block within a Container Block of its own as shown in the screen recording I sent above. Through this, other Blocks wouldn’t be affected.
Well, all code/blocks added affect performance, but this small change shouldn’t have noticeable effects.
An alternative would be to use CSS. But, you would need to add the shortcode through a Hook Element. For instance, here’s a thread discussing how to do it: https://generatepress.com/forums/topic/style-yoast-breadcrumbs/#:~:text=1%3A39%20pm-,%231040701,-EDIT%20%7C%20MOVE
This also adds lines of codes to your site, but then again, they should be minimal to no effect to your site’s overall performance.
Hope this clarifies!
If the difference is negligible, I'll keep it as-is and continue to monitor. I can always change easily down the line...
Thanks for all your help
You’re welcome Mark!