Site logo

Archived topic

Breadcrumbs style

8 replies · Started by Mark on June 16, 2022

Viewing posts 1–9 of 9

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

.

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

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!

This archived topic is closed to new replies.