Archived topic
Change size of Yoast breadcrumbs
5 replies · Started by Lars on April 21, 2021
Dear Team,
i would like to change the size of my Yoast breadcrumbs, here is an example:
https://www.lautsprecherliebe.de/marshall-emberton-neue-farben/
I've read about this custom css, but it does not work:
#breadcrumbs {
font-size: 10px;
padding-bottom: 15px;
}
...it simply does no effect. Whats wrong here?
I've added the Yoast breadcrumbs via Hooks.
And just a second question: The text/breadcrumb is wrapping around the posting image, if i view the page in a desktop browser. How do i avoid that?
Hi there,
try using the following snippet in your hook element:
<?php
if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb( '<div id="breadcrumbs">','</div>' );
}
?>And check: Execute PHP
This will wrap the breadcrumbs in a container with ID - so your CSS will then apply.
Hi David,
thank you, now the CSS works with the breadcrumbs. But the breadcrum is still wrapping around the posting image. Is it possible to start the breadcrumb in a new row under the image?
Go to Customizer > Layout > Blog -> Featured Images - select the Posts tab and set the image alignment to center
Thanks again, David!
You're welcome
