[Support request] Styling Yoast Breadcrumbs in GP

[Ben]

Hey guys,

Is there a way to chage the font size and colour of Yoast breadcrumbs in GP?

I’ve tried the following CSS but it didn’t work;

#breadcrumbs {
font-size: 14px;
padding-bottom: 15px;
}

I appreciate it’s not your plugin but just wondered if you guys had a fix.

Thanks

Ben

[Leo]

Hi Ben,

That code should work.

I can’t find any breadcrumbs on the linked page.

Can you confirm?

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

[Ben]

Sorry, it’s on this page:

https://blufusion.net/petcheckers/best-pet-insurance-reviews/

[Leo]

Can you copy and paste the breadcrumb code you are adding in the page hero here?

Make sure to click the code button.

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

[Ben]

Yeah I’m using the shortcode:

Support  Styling Yoast Breadcrumbs in GP

Then I've added the following CSS to the additional CSS panel:

/**Breadcrumbs**/
#breadcrumbs {
font-size: 14px;
padding-bottom: 15px;
}

[David]

Hi there,

edit the header element and wrap the shortcode like so:

<div id="breadcrumbs">
    Shortcode here
</div>

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

[Author]

Posts